Cara 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, tetapi yang paling penting, apakah Anda sudah membuat read more itu? Jika belum, anda dapat membuatnya sekarang juga, silahkan lihat caranya dengan meng-klik link berikut:



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

Good luck

8 komentar: