Membuat Read more pada postingan

Karseno Seno

6:22 AM

0

Tutorial blog

Read more pada postingan dimaksudkan agar artikel yang kita posting tidak tampil seluruhnya, tapi hanya sebagian saja. Baru kemudian bila Read more di klik akan muncul seluruh isi artikel. Sebagai contoh lihat pada tulisan ini, di bagian bawah ada tulisan Read more…. Coba klik saja.
Nah…cara membuatnya adalah sebagai berikut:
• Sahabat sign in dulu seperti biasa di blogger dengan id sahabat
• Klik setting atau pengaturan
• Klik Formating
• Kemudian

cari text area kosong pada layar paling bawah di samping tulisan post template atau templat entri. Tulis di area kosong tersebut dengan kode di bawah ini

<div class="fullpost">


</div>
• Kemudian simpan dengan klik save setting atau simpan setelan.
Pemasangan kode di atas dimaksudkan agar pada saat kita posting artikel, kode tersebut langsung muncul di kotak postingan, sehingga kita tidak perlu mengingat-ingat kode tersebut. Kode tersebut akan mengatur sebatas mana tulisan yang akan kita tampilkan dan sembunyikan.
Kemudian langkah selanjutnya adalah sebagai berikut:
• Klik menu Rancangan atau Layout
• Klik menu Edit HTML
• Klik Download Full Template kemudian Save. Ini dimaksudkan agar bila terjadi kesalahan ada saat kita mengedit template, kita masih punya back up template, sehingga kita bisa mengembalikan template seperti semula.
• Kemudian centrang pada kotak kecil di saming tulisan Expand Widget Template
• Kemudian sahabat cari kode di bawah ini pada template
<div class='post-body'>
• Kemudian di bawah kode tersebut di atas, sahabat tulis atau copy kemudian paste kode berikut:
<b:if cond='data:blog.pageType == "item"'>

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

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

<b:else/>

<style>.fullpost{display:none;}</style>
• Kemudian cari di bagian bawah code beriut :

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

• Copy kemudian paste code berikut di bawah code tadi

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

</b:if>

• Kemudian simpan dengan klik save template