Buat posting terpotong...Read More...

Posting ini khusus buat rohman sudiro yang sedang berjuang dengan blognya, tidak menutup kemungkinan juga bagi temen-temen yang lain yang ingin mempercantik blognya dengan metode pemotongan posting kayak di blog saya ini. Materi ini aku dapat dari isnaini.com hanya aku edit sedikit agar lebih enak dilihat di blog ini,. monggo mas rohman,... oh iya ini cuma bisa digunain untuk blogger dengan xml, untuk tipe yang lain silahkan cari tau aja dari mbah google

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, pertama 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 <p><data:post.body/></p> dalam template kamu dan tambahkan kode dibawah ini:

<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 <span class="fullpost"> sisa postingan sampai selesai </span>. 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. <span class="fullpost">
Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya
muncul pada saat post page atau link read more.. diklik </span>

Hasilnya akhir 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.Read more..

Selamat Mencoba!

Check ketersediaan nama kamu sebagai nama domain!!

Related Posts by Categories