Chyberart , Cara Menggant
i 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 Larasmadyo akan mengajak anda
untuk mempelajari bagai mana caranya untuk mengganti tulisan read more
dengan gambar.
Pada tutorial sebelumya larasmadyo Dot Com juga sudah sukses Memposting Tip's SEO dan
cara membuat Read more pada template clasic . Buat sobat yang masih menggunak template clasic bisa membaca tutorial ini untuk menambahkan Fasilitas Read More pada Postingan artikel anda.
Ok sekarang Kita lanjutkan ke cara mengganti Read more dengan gambar. Langkah-langkah nya adalah sebagai berikut :
- Login pada akun Blogger Anda dahulu
- Kemudian klik menu Layout/Tata letak
- Pilih Edit HTML
- 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 != "item"'>
<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>
- 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
.....!