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
6. Jika sudah, klik tombol Save. Selesai. Mudahkan? :)
Selamat mencoba. Semoga bermanfaat.
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'>5. Ganti tulisan yang dicetak tebal dengan kode berikut
<a expr:href='data:post.url'>teks read more anda</a>
</span>
<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