Cara Membuat Read More / Baca Selengkapnya
Dalam penulisan postingan biasanya kita menulis postingan itu terkadang panjang sekali sampai ke bawah sehingga menambah panjang halaman blog kita, apalagi jika tampilan halaman muka blog kita lebih dari 2 (dua) postingan. maka untuk meminimalisasi tampilan pada blog kita kali ini ade akan memposting bagaimana cara untuk meminimalisasi tampilan posting atau biasa kita kenal dengan nama read more atau baca selengkapnya.
Berikut langkah-langkah yang akan kita pelajari :
1. Buka menu Tata Letak kemudian pilih Edit HTML.
2. klik kotak pada tulisan "expand widget template"
3. Cari kode yang berwarna kuning dibawah ini berikut di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>
4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More.. »» </a>
</b:if>
Tulisan "Read More.. " yang berwarna merah itu bisa kita rubah, misalnya jadi "Baca Selengkapnya" atau "Lanjut Baca.. ". terserah kemauan kita.
5. Kemudian klik Simpan Template.
6. Jika sudah kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:
<span class="fullpost">
</span>
8. Kemudian Simpan.
9. Ketika memposting, disana ada 2 tab pilihan yaitu : "Edit Html" dan "Tulis", lalu kita pilih Yang "Edit Html", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">
</span>
10. Tulislah postingan yang ingin kita tulis sebelum atau diatas kode ini : <span class="fullpost">
ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk eminimalisasi tampilan) lalu tulislah postingan (yang akan tampil setelah kita klik tulisan Read More...) diantara <span class="fullpost"> dan </span>
Selesailah pekerjaan kita mengenai Read More...
Good Luck.
<span class="fullpost">
</span>
10. Tulislah postingan yang ingin kita tulis sebelum atau diatas kode ini : <span class="fullpost">
ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk eminimalisasi tampilan) lalu tulislah postingan (yang akan tampil setelah kita klik tulisan Read More...) diantara <span class="fullpost"> dan </span>
Selesailah pekerjaan kita mengenai Read More...
Good Luck.
wii, makasih mas, akhirnya berhasil :D:D:D
BalasHapusTerima kasih banyak Pak Ade, tadinya saya bingung gimana caranya, tapi Alhamdulillah sekarang udah bisa. ditunggu ya Trik trik berikutnya
BalasHapusmakasih bnyak bro ud share,lumayan nambah wawasan saya :)
BalasHapusTerimakasih banyak sudah share. Sangat membantu sekali ;)
BalasHapusKalau Melalui Fb?
BalasHapus