Mengganti Link Read More dengan Icon Gambar

Posted by Herman on Wednesday, November 18, 2009 8 comments

Beberapa waktu yang lalu saya telah menjelaskan cara membuat link read more atau baca selengkapnya dalam postingan blog. Ternyata ada sobat blogger yang bertanya kepada saya apakah bisa link read more diganti dengan gambar? Jawabannya tentu saja bisa dan sangat mudah.

Nah bagi sobat lain yang kebetulan juga ingin tahu bagaimana cara mengganti link read more menjadi icon gambar langsung saja ikuti tutorial berikut ini:

1. Pertama-tama, upload icon read more yang ingin anda gunakan ke situs image hosting. Setelah itu, catat alamat url gambarnya. Contoh http://lh4.ggpht.com/_15FopxVONSo/TJc4DUhnArI/AAAAAAAAD9E/EmfCJRggHJg/read-more_icon.gif

2. Login ke Blogger. Klik Design->Edit HTML
3. Beri centang pada 'Expand Widgets Templates'
4. Cari kode seperti ini

<span id='showlink'>
<a expr:href='data:post.url'>teks read more anda</a>
</span>
5. Ganti tulisan yang dicetak tebal dengan kode berikut

<img src="alamat-gambar-anda" />
Ingat, ganti teks berwarna merah dengan alamat url gambar anda yang sebenarnya.

6. Jika sudah, klik tombol Save. Selesai. Mudahkan? :)

Selamat mencoba. Semoga bermanfaat.


Recent Posts:

8 comments

edwadzero said... 29 October, 2010
ka herman kalo cara supaya membuar gambar dengan teks read more nya langsung ada2 gitu bisa ga?
jadi bagian teks sebelah kiri
gambarnya ada sebelah kanan,

Itu gimana caranya ya ka?
Black Cyber said... 21 February, 2011
kalau link readmore dari blogger gimana cara mengubahnya
Kabar Dunia said... 05 March, 2011
Gak berhasil Bos
coba lihat blog ku ya
http://www.kabar-dunia.co.cc/
Muthmainnah said... 18 August, 2011
nice info, thanx :)
uqonk said... 13 September, 2011
mantab gan succes full ogut gan,,
thanks
Jo adipura said... 28 April, 2012
Kunjungan sorf boss. Lengkap banget tutor disini. :-*
Software Collection said... 04 July, 2012
wah sayang ya... di blog aku nggak berhasil....~x(

salam blogger.. ling balik yah....... :D
zippien teamphan way said... 26 September, 2012
: izin nyoba bg bero

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment