Membuat Read More Dengan Icon Button Atau Gambar

Jika Dipostingan sebelumnya saya telah memberikan tutorial mengenai cara membuat Read dengan Tulisan, di postingan hari ini saya akan membuat tutorial membut Read More dengan Icon Button atau Gambar.

Langkahnya sederhana dan anda hanya perlu memodifikasi kode Read More anda yang masih berbentuk Tulisan.

Langsung kita mulai aja:

1. Login ke Akun Blogger anda masing-masing
2. Klik Layout atau Tata Letak, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode dibawah ini:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Nah, setelah anda menemukan Kode 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, jika anda melakukannya dengan benar maka Tulisan Read More... yang sebelumnya akan berubah menjadi Icon Button ayau gambar Read More anda...

Nah, buat anda yang tidak mempunyai Icon Button atau Gambar Read More sendiri saya akan memberikan 3 pilihan Read More milik saya yang bisa anda pergunakan



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



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

Nah, kurang baik apa tuh gw haha.....Ok deh buat Sahabat DJ Note semua selamat Mencoba....