Cara Membuat Read More Di Blog Dengan Icon Button Sendiri

vicky-multi.blogspot.com - Kali ini saya akan membagikan sebuat Tips yang berguna bagi orang yang bergemar dengan Blogger. Disini saya akan membahas tentang cara membuat Read More dengan Icon Button Sendiri. Baiklah lansung saja lihat Langkah-langkah di bawah ini.

Langkah - langkah :

Masuk pada akun blogger
Klik Rancangan kemudian pilih edit Html
Centang Expand Widget Template ( saya anjurkan untuk download template sobat dulu,khususnya yang masih pemula/newbie )
Setelah itu cari kode seperti dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Read More...!!!</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Nah,setelah sobat menemukan kode seperti diatas ganti tulisan »»  Read More...!!! dengan kode dibawah ini :

<img border="0" src="Paste alamat hostingan gambar Read More Anda"/>
Setelah itu save dan lihat hasilnya,jka sobat melakukannya dengan benar maka tulisan read more yang sebelumnya akan berubah menjadi icon button atau gambar read more sobat.

nah,jika sobat tidak mempunyai icon button atau gambar read more sendiri,saya akan 3 pilihan read more yang dapat sobat gunakan :

Dan ini alamatnya :
http://i785.photobucket.com/albums/yy131/djnand/Button_ReadMore_Reflective.jpg

Dan ini alamatnya :
http://i785.photobucket.com/albums/yy131/djnand/readMorehitam.png

Dan ini alamatnya :
http://i785.photobucket.com/albums/yy131/djnand/but_moreinfoorange.gif