Cara menggantikan tulisan readmore dengan gambar

Bismilla dulu gan .:)

Cara Mengganti Tulisan Read More Dengan Gambar : Banyak hal yang dapat kita lakukan untuk memper cantik  tampilan halaman blog kita salah satunya yaitu dengan mengganti tulisan read more dengan gambar. Nah kali ini saya akan mengajak anda untuk mempelajari bagai mana caranya untuk mengganti tulisan read more dengan gambar.

Ok sekarang Kita lanjutkan ke cara mengganti Read more dengan gambar. Langkah-langkah nya adalah sebagai berikut :

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>

Untuk Mendapatkan Url Gambar anda Harus Upload Gambar Read More ada ke Hosting Penyimpanan gambarAnda dapat menggunakan jasa Layanan photobucket untuk menyimpan ganbar dan mendapatkan URL gambar anda. Contoh URL gambar Yang diupload di Photo bucker sseperti ini :

http://i1211.photobucket.com/albums/cc432/Aldi96/1-4.png

Dan gambarnya seperti ini :

Anda Dapat menggunakan URL tersebut untuk menggganti tulisan read more pada blog anda. sampai disini semoga dapat membantu dan Selamat Mencoba .

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.