tipsyournet

seperti yang pernah saya posting sebelum ini, yaitu posting membuat readmore dengan judul cara rahasia membuat readmore keren

, kini sya munculkan lagi readmore yang lebih keren, yaitu mengganti "readmore" dengan gambar bisa dengan buatan anda sendiri atau googling (istilah mencari sesuatu lewat google). yuk kita langsung aja ke materi
Silahkan ikuti langkah langkahnya :
share to facebook
Share

add this




1. Login ke Blogger.com
2. "Pengaturan" setelah di Dasbor
3. Tata letak
4. Edit HTML, jangan lupa beri tanda centang pada "Expand template widget" sepeti ini :

# tunggu sesaat sampai proses selesai.
lalu cari kode di bawah ini :










<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>

setelah ketemu ganti kode (dibawah ini adalah kode yang ada di atas)






<data:post.jumpText/> dengan kode gambar yang telah sobat buat sebelumnya, contoh:








<img src="http://images.cooltext.com/1306578.png" width="125" height="15" alt="Read more"/>
sehinnga akan menjadi seperti ini :







<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://images.cooltext.com/1306578.png' width=125' height='15' alt='Read more'/></a> </div></b:if>
rudimarfai
Karena proses ini dilakukan secara manual sebaiknya periksa kembali hasil kerja sobat terutama pada kode kodenya, karena ada kemungkinan salah pada saat pengetikan, bila sudah yakin silahkan :
5. "simpan template".
6.selesai.
Tambahan : Bila ukuran gambar terlalu besar silakan ubah lebar atau tingginya. Semoga bermanfaat...