23 September 2009

Read More Manual

Sebelumnya kita telah membahas mengenai fungsi read more otomatis / auto readmore pada postingan. jadi, readmore otomatos akan otomatis bekerja setelah kita memposting postingan baru. Nah, kali ini yang akan saya paparkan adalah cara memfungsikan readmore manual.


Begini gambarannya, readmore manual hanya akan bekerja jika kita meletakkan fungsi cut pada bagian kalimat yang akan kita "hide" di dalam postingan. Tentunya kita harus berada di mode " EditHtml" bukan mode "Tulis". Adapun langkah langkahnya sebagai berikut :


1. Pastikan anda telah mengaktifkan halaman Edit HTML.


2. Setelah itu anda beri centeng pada Expend Template Widget.


3. Kemudian gunakan fasilitas Find untuk mencari kode </head>


4. Selanjudnya kita letakkan kursor diatas kode tadi.


5. Kemudian kita ketikkan kode di bawah ini :



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




6. Setelah itu kita cari lagi kode berikut


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



7. Kemudian letakkan kursor di bawah kode tadi.

8. Selanjudnya ketikkan kode berikut ini



<b:if cond='data:blog.pageType !="item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>



9. Simpan template. Dan coba lihat hasilnya. :-)




Catatan :


Supaya postingan anda dapat terpotong atau dapat menggunakan fasilitas Read More ini. Maka setiap kali kita posting, Kita harus meletakkan kursor pada bagian postingan dimana Kita ingin menuliskan Read more.. tersebut dan ketik <span class="fullpost"> kemudian sampai sisa postingan </span> . Untuk menambahkan kode tadi. Maka pada saat kita membuat posting, postingan tersebut harus dalam mode Edit HTML bukan Compose ( tulis ).

Read more...

  © Blogger templates Newspaper III by Ourblogtemplates.com 2008

Back to TOP