Cara Membuat Read more pada blog.


Berikut ini langkah-langkah untuk membuat read more blogger 

  1.  Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
  2. Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
  3. Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini: 

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

Selanjutnya cari kode 
<data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a> 
</b:if> 

Selesai deh. Sekarang setiap posting letakkan 
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div> 
demikian juga sebaliknya..

0 Response to "Cara Membuat Read more pada blog."

Post a Comment