June 18, 2009

Cara Mengganti Tulisan Read More Dengan Gambar

Postingan Ini mengganti tulisan read more dengan sebuah gambar yang lebih keren
Ikuti tutorialnya berikut:

1. Login ke account anda di Blogspot.com
2. "Pengaturan" setelah di Dasbor
3. Rancangan
4. Edit HTML, jangan lupa beri tanda centang pada "Expand template widget" 
Sebelumnya backup dulu template anda....
Cari kode berikut ini : (untuk mudah dalam pencarian klik ctrl+f)
<b:if cond='data:post.hasJumplink'> <div class='jump-link'><a expr:href='data:post. url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div></b:if>

Ganti kode <data:post.jumpText/> dengan kode gambar anda atau bisa jg searching ama mbah google

saya kasih contoh kode gambar <img src="http://i442.photobucket.com/albums/qq148/glutenfreehomemaker/Readmore3.jpg" width="90"/>

 jadi hasilnya:

<b:if cond='data:post.hasJumplink'> <div class='jump-link'><a expr:href='data:post. url + "#more"' expr:title='data:post.title'><img src="http://i442.photobucket.com/albums/qq148/glutenfreehomemaker/Readmore3.jpg" width="90"/>/a> </div></b:if>



5.Simpan Template&Liat Hasilnya
Smoga Bermanfaat....

No comments:

Post a Comment