Home » , » Cara Mengganti Read More Dengan Gambar

Cara Mengganti Read More Dengan Gambar

Dadi Mulyadi | 12/26/2009 01:12:00 am | 32komentar
Photobucket
Berhubung ada permintaan dari temanku blog ShultanYusuf, Bagaimana membuat link Read More Di ganti Dengan link Gambar, saya beri contoh gambar di bawah adalah link read more biasa

Photobucket

Dan untuk link read more yang bergambar seperti contoh di bawah ini

Photobucket

Tapi..gimana buatnya ya sob ? jangan khawatir saya akan berikan tipsnya.
Setelah anda login masuk ke edit HTML dan jangn lupa ceklis dulu Expand Widget Templates kemudian cari kode di bawah ini dengan Control + F biar lebih mudah pencariannya

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>


Setelah ketemu ganti READ MORE  yang diberi tanda merah dengan alamat url gambar anda contohnya seperti di bawah ini

<span class='rmlink' style='float:left'><a expr:href='data:post.url'><img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/nvdttdjpg.gif" /><data:post.title/></a></span>

Sampai disini memang sudah berhasil tapi ada satu lagi agar judul artikelnya tidak tampak anda tinggal menambahkan kata no dalam  kode script yang berwarna biru berikut ini

<data:post.title/></a></span> menjadi seperti ini <nodata:post.title/></a></span>

dan hasilnya akan seperti di bawah ini

<span class='rmlink' style='float:left'><a expr:href='data:post.url'><img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/nvdttdjpg.gif" /><nodata:post.title/></a></span>


Kemudian SAVE TEMPLATE anda. sekian dan semoga cara membuat read more dengan icon/gambar ini bermanfaat. selamat mencoba !!
 bila berminat silahkan ambil

Photobucket
Kode scriptnya :
<img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/readmorenow.png" />


Photobucket
Kode scriptnya :
<img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/readmore.png" />


Photobucket
Kode scriptnya :
<img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/nvdttdjpg.gif" />
read more4
Kode scriptnya :

<img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/readmorecopy.jpg" />
Share this article :

Promo Paket Hemat

TOKO SOFTWARE KOMPUTER ONLINE

Popular Posts

 
Support : Comments feeds | Facebook | Twitter
Copyright © 2013. Blog masterGOmaster - All Rights Reserved
Belanja Online di Toko masterGOmaster
Proudly powered by Blogger