Kamis, 18 Maret 2010

Membuat Read More/ Baca Selengkapnya pada blogger

Kadang ada sebuah template blog tidak dilengkapi dengan read more atau baca selengkapnya, sehingga membuat tampilan blog kita menjadi sangat panjang apabila postingan yang kita tampilkan memuat banyak pembahasan, nahhhh…suapaya tampilan blog awal/home sobat tidak memanjang seperti menara petronas, kita harus membuat read more pada bagian artikel yang ingin kita potong. Berikut ini langkah-langkah nya.
Login ke blog sobat masing-masing, klik Layout kemudian masuk ke Edit HTML
centang Expand Widget Templates
Masukkan kode berikut sebelum tag <head>
atau tepat sesudah kode ]]></b:skin>
seperti ini contohnya :

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

Selanjutnya mengatur supaya postingan terpotong, cari kode

<p><data:post.body/></p> dalam template sobat, kemudian bawahnya beri code seperti ini :

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

Nah supaya terpotong, setiap kali sobat posting, klik pada bagian posting dimana sobat ingin tulisan Read More.. muncul maka ketik span <class="fullpost">. kemudian pada akhir postingan sobat kasih </span>. Untuk menmbahkan kode ini, ketika posting sobat harus dalam mode Edit HTML bukan Compose


Contoh penulisan posting:
Membuat Read more.. itu mudah semudah memjamkan mata, yang susah dijaman sekarang itu, cari uang susahnya minta ampun. Saya potong dulu. <class="fullpost"> Tapi kalo mau berusaha semuanya pasti bias….semangat….</span>
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Membuat Read More/ Baca Selengkapnya pada blogger"

Posting Komentar