Cara Membuat Read More Pada Blog Anda

Artikel Yang Sama:

Sebenarnya mudah saja untuk membuat read more pada blogspot anda.Jika ada kemauan,ketelitian dan usaha,anda akan mampu membuatnya dengan sangat mudah.

Langsung saja kita ketahui. Berikut langkah-langkahnya :

• Pertama, anda login ke www.blogger.com
• Klik link layout (Tata Letak) Kemudian klik edit HTML
• Aktifkan list Expand Template Widget, agar source script template blogger nya terlihat secara keseluruhan.
• 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>
• Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
  <b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read more ...</a>
</b:if>
• Selesai,tapi tunggu dulu. Masih ada lagi.
• <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. Gantilah Read more tersebut dengan kode HTML Read more, widget AddThis, atau yang lainnya. Atur juga margin atasnya disesuaikan dengan keinginan kamu (tidak harus 5px). Dan jika kamu ingin meletakkan Read more tersebut berada di tengah, ganti saja right-nya dengan center.                         
• Selesai. Semoga Berhasil :) 

Categories: Tips