Mengganti Link Read More dengan Icon Gambar

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 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAdKZjbdJgTX1UvbE2MhDkYZrO6pOzdd1b6fGyLc6Dpuk3X6B1zT2BsrjQDldw8gkQLtKXTSurSW9LCj4_kiUrC0FH-LomPpTuLIw8UfSMF4J-jDUsZrBmpRqVJtQcGe8K_E_ugZLRZLt/

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.

0 komentar:

Post a Comment