Cara Membuat Readmore Pada Postingan Blog

Create Post by. BlogLowker

Untuk versi template classic aku udah pernah bikin Tutorialnya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya Blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya Blogger, terutama pada bagian style/css nya.
Caranya:

Login ke Blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

<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 <data:post.body/> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
```
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
```
Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik  sisa postingan sampai selesai . Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.  Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik 
Hasil akhir postingan akan seperti ini:
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..
Selamat Mencoba!

Posted by : BlogLowker ~ LowKer | Business | CPNS | Forex | Blog

Artikel Cara Membuat Readmore Pada Postingan Blog diposting oleh BlogLowker Monday, February 21, 2011. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

0 comments

Labels: Readmore, Tips Blog