0 Cara Mengganti Tulisan Read More dengan Gambar

Mengganti Tulisan Read More dengan Gambar

Untuk mengganti tulisan Read More yang sudah Anda buat dengan sebuah gambar, Anda cukup menyiapkan gambar yang ingin Anda tampilkan. Caranya sangat mudah bro, tetapi yang paling penting, apakah Anda sudah membuat read more itu? Jika belum, anda dapat membuatnya sekarang juga, silahkan baca disini untuk membuat readmore :

Cara Membuat Read More
Setelah Anda selesai membuat read more, silahkan ikuti langkah langkah berikut untuk menggantinya dengan gambar:

1. Login pada akun Blogger Anda dahulu
2. Kemudian klik menu Layout/Tata letak
3. Pilih Edit HTML
4. Centang kotak Expand Widget kemudian cari tulisan Read more Anda (untuk pencarian lebih cepat gunakan tombol Ctrl+F). misalnya:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<span style='font-weight:bold;'><a expr:href='data:post.url' target='_blank'>

<div style='float:right'><br>Read More...</br>

</div>

</a>

</span>

</b:if>

5. Ganti tulisan yang berwarna merah dengan kode berikut

<a expr:href='data:post.url'><strong><img src="URL GAMBAR"/></strong></a>

Ganti tulisan yang berwarna hijau dengan url gambar yang Anda inginkan, misalnya:
Untuk gambar di bawah ini:

Url-nya:

http://3.bp.blogspot.com/_Blf4uO5xTus/S5EbYm-dkoI/AAAAAAAAATE/6zKdC8h09fw/s1600-h/Read+More.bmp


6. Simpan perubahan
7. Selesai

Bagaimana sobat, gampang kan,, silahkan di praktekan
Good luck
Mengganti Tulisan Read More dengan Gambar 

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih

related post :