Cara Mengganti Tulisan Read More Dengan Gambar Di blog

  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:
  5. <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>
  6. Ganti tulisan yang berwarna Merah dengan kode berikut
  7. <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 :

Photobucket

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

By : Dewha

Please Your Comment

 
Copyright © The Devil