belajar dan berbagi

How to create readmore

Read more useful to shorten the post pages. Maybe many of our friends not know how to make read more / how to make read more / how to create read more. It is my hope this post can help our friends in need. Below I give some examples and how to make it.


Ayo... kita teruskan dengan bahasa Indonesia saja ya:-)

Contoh :
Cara bikin read more cara buat read more cara buat readmore cara membuat read more cara membuat readmore cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more Read More.. »

Contoh Jika kita klik kata read more nya (misalnya di bawah kata readmore adalah by. Ikhsan). Maka posting tersebut akan terlihat seperti ini:
"Cara bikin readmore" cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read more cara bikin read morecara bikin read more by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan by. Ikhsan

Lalu bagaimana "cara membuat"/ cara bikin Read More tersebut?
1. Login ke blogger.
2. Klik Edit HTML
3. Contreng Expand Widget Template
4. Download Download Full Template Anda, hal ini berguna agar apabila terjadi kesalahan pada saat meng Edit HTML Anda dapat mengembalikan seperti semula (saat belum Anda Edit)
5. Cari Kode :

<div
class='post-header-line-1'/> <div class='post-body'>


Agar mudah mencarinya silahkan Anda tekan Ctrl + F kemudian ketik / copy div class='post-header-line-1 lalu klik Find

6. Jika sudah ketemu Copy + Paste code berikut diatas kode yang kita cari tadi. Berikut ini kodenya :

<b:if cond='data:blog.pageType
== "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>


7. Coba kita lihat dibawahnya ada kode :
<p><data:post.body/></p>

8. Copy + Paste kode ini tepat diatas kode yang kita lihat tadi :

<a expr:href='data:post.url'>Read More

...
</a>

</b:if>



 



9. Simpan Template dengan cara klik SAVE TEMPLATE

10. Setelah kita SAVE TEMPLATE lalu kita klik Settings/Pengaturan pilih Formatting, masukkan (Copy+Paste) kode dibawah ini pada Post Template. Berikut ini kodenya:

<div class="fullpost">

</div>


11. Save Settings
12. Selamat Mencoba
13. Semoga Berhasil
14. Itulah sedikit tentang bagaimana Cara bikin read more
15. Jika kurang lengkap silahkan cari di google dengan kata kunci: cara bikin read more
16. Terima kasih


How to create readmore
Labels: Artikel, Tutorial

Thanks for reading How to create readmore. Please share...!

0 Komentar untuk "How to create readmore"

Yang sudah mampir wajib tinggalkan komentar

Back To Top