Membuat baca selengkapnya pada blog

7:57 AM belajar blog , membuat baca selengkapnya pada blog 2 Comments

Halo teman-teman, setelah agak lama tidak menulis blog, akhirnya selesailah juga tulisan saya yang ke-8 (kirain banyak --"). Saat ini kita akan belajar membuat baca selengkapnya pada posting kita di blog, ini sangat penting menurut saya karena dengan adanya fitur ini pada blog kita, kita dapat menghemat tempat di blog kita.

Langsung saja teman-teman, berikut ini tutorialnya:

1. Pastilah teman-teman harus masuk ke akun blog teman teman, setelah itu, seperti biasa, klik rancangan --> edit HTML, jangan lupa centang Expand Template Widget!!!
2. Masukkan kode berikut ini sebelum tag </head> (teman-teman bisa mencarinya dengan menggunakan ctrl+f)

<style><b:if cond='data:blog.pagetype == "item"'> span.fullpost {display:inline;}<b:else/> span.fullpost {display:none;}
</b:if> 

</style>

3. Selanjutnya,  carilah <p><data:post.body/></p> atau kalau tidak ada <data:post.body/>  dan tambahkan kode berikut tepat di bawah salah satu tag di atas

<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> read more..</a>
</b:if>

 teman-teman bisa mengubat huruf yang berwarna merah menjadi kata-kata teman-teman sendiri.

4. Setelah itu, tinggal masukkan tag <span class="fullpost">  dan </span> agar sisa bacaan teman-teman "menghilang" :D
Caranya???
Letakkan tulisan yang ingin ditampilkan di atas <span class="fullpost"> dan sisanya di antara <span class="fullpost">  dan </span> agar sisa bacaan teman-teman menghilang.

Cukup jelas kan? Kalau ada yang belum jelas silahkan berkomentar di bawah. Cukup sekian Posting dari saya, apabila ada yang kurang berkenan saya mohon maaf, itu bukanlah merupakan suatu kesengajaan, hehehe...
Terima kasih, SEMANGAT!!! :D