Modifikasi Read More Dengan Icon Gambar

SALAM SEJAHTERA !!!Pada postingan saya sebelumnya telah membahas Cara membuat read more atau baca selengkapnya. Kali ini saya mau share lagi dengan anda yaitu tentang cara modifikasi Read More Dengan Icon gambar agar tampilannya lebih menarik.
Yang pertama harus disiapkan tentu adalah sebuah icon gambar seperti ini: kemudian anda upload gambar tersebut ke situs Hosting penyimpanan image seperti photobucket, Tynpic,dll. Bagi yang kurang paham cara upload image bisa anda lihat disini. Setelah proses upload selesai, copylah URL image tersebut, seperti contoh dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhifmJkGYieTrJWcqQVWipuqTQ6vmrMQwHwc0U9bPGN0eNkxdhyphenhyphenIvEY8Q_r-ZZ7weMjewPzX88n7bbtDvXPwHnFuDH68gbP0facBsf0TnntOhMZADZst5xKfVCMH8l1fskmvHpPgAaqcF1e/s1600/readmore-1.gif

Tambahkan kode agar image tersebut dapat ditampilkan seperti dibawah ini :


Kalo anda mau, silahkan ikuti langkah-langkah sbb :

1. Silahkan Login dulu ke Dasbor blogspot anda
2. Pilih menu Tata Letak/ Layout=>klik Edit HTML=>Centang kotak kecil disamping Expand Template Widget
3. Biasakan Back up terlebih dahulu template anda sebelum edit!
4. Kemudian cari kode seperti dibawah ini:
<p><data:post.body/></p> <a expr:href='data:post.url'><strong>Read More...</strong></a> </b:if>
5. Silahkan Ganti tulisan Read More dengan URL image yang telah anda siapkan, sehingga menjadi seperti ini :
<p><data:post.body/></p> <a expr:href='data:post.url'><strong><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhifmJkGYieTrJWcqQVWipuqTQ6vmrMQwHwc0U9bPGN0eNkxdhyphenhyphenIvEY8Q_r-ZZ7weMjewPzX88n7bbtDvXPwHnFuDH68gbP0facBsf0TnntOhMZADZst5xKfVCMH8l1fskmvHpPgAaqcF1e/s1600/readmore-1.gif"/></strong></a> </b:if>
6. Terakhir, klik tombol simpan template anda! Lihat hasilnya!

Selamat berkreasi! [Happy Blogging]