Cara merubah Read More Menjadi Gambar Icon

Pada Artikel sebelumnya kita telah membahas tentang cara membuat auto read more Kamu telah mengetahui cara membuat Read more dengan model Tulisan. sekarang kamu bisa mengganti tulisan read more atau yang lain dengan gambar icon read more yang kamu inginkan. cara nya sungguh mudah dan cepat, langsung saja kita pelajari.

Langkah 1 :

1. Cari lah gambar Icon Read More Pada Photobucket Atau Website Lainnya.
2. Setelah KamU dapat Code gambarnya tambahkan Code berikut Pada Gambar Kamu.
<img src="URL Gambar Kamu"/>
3. Sehingga menjadi Seperti Di bawah ini :
<img src="http://i882.photobucket.com/albums/ac22/mydjuice/read_more_button.gif"/>
4. Code Merah Adalah URL, Code Hitam adalah Code Tambahannya.

Langkah 2 :

1. Login blogmu.
2. Buka rancangan.
3. Pilih Edit HTML pada Menu Rancangan.
4. Jangan lupa Centang Expand Template Widget.
5. Cari Code :
<b:if cond='data:blog.pagetype != "item"'> <a expr:href='data:post.url'> Read More...</a> </b:if>
6. Kemudian Ganti Tulisan Read More.. Dengan Code Di Atas ( Code yang telah Kamu Buat pada Langkah 1 ) Sehingga menjadi seperti ini :
<b:if cond='data:blog.pagetype != "item"'> <a expr:href='data:post.url'><img src="http://i882.photobucket.com/albums/ac22/mydjuice/read_more_button.gif"/></a> </b:if>
7. Code warna Merah Adalah Code Pengganti dari Text Read More sehingga menjadi Gambar.
8. Kemudian Save Template. ( Sebelumnya kamu Bisa Mencet Pratinjau Terlebih dahulu untuk melihat hasilnya ).

Selamat mencoba !!