Membuat Read More di Blogger/Blogspot

sebenarnya ini tutorial lama..cuma banyak kali yang nanya sama ku..
"Bang gimana sih cara buat baca selengkap nya?"

karena banyak nya pertanyaan itu maka aku membuat tulisan ini..
ok Langsung aja..
cekidot
Caranya:
Login ke blogger.com, pilih blog yang pengen kau 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 &lt; </head&gt; atau tepat sesudah kode } ]]&gt; &lt; </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 kau 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 kau posting, klik pada bagian posting dimana kau mau tulisan Read More.,baca selengkap nya.,atau apalah yang kau mau muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span> . Untuk menmbahkan kode ini, ketika postingan kau harus dalam mode Edit HTML bukan Compose


Contoh penulisan posting:

sebenarnya ini tutorial lama..cuma banyak kali yang nanya sama ku..
"Bang gimana sih cara buat baca selengkap nya?"

karena banyak nya pertanyaan itu maka aku membuat tulisan ini..
ok Langsung aja. <span class="fullpost"> . cekidot

Caranya :

Login ke blogger.com, pilih blog yang pengen kau edit, klik link Layout kemudian masuk ke Edit HTML</span>

Hasil postingan akan seperti ini:

sebenarnya ini tutorial lama..cuma banyak kali yang nanya sama ku..
"Bang gimana sih cara buat baca selengkap nya?"

karena banyak nya pertanyaan itu maka aku membuat tulisan ini..
ok Langsung aja...Baca Selengkap nya..

Good Luck!