Mengganti Tulisan Read More dengan Gambar

Biasanya, penggunaan read more dengan gambar sudah bawaan dari template. Sekarang, bagi anda yang menginginkannya, anda bisa mengganti tulisan read more dengan gambar jika pada template yang sudah anda pakai belum menggunakan gambar pada read more. Gampang saja kok, tapi yang paling penting, apakah anda sudah membuat read more itu? Jika belum, anda dapat membuatnya sekarang juga, klik link berikut:

Cara Membuat Read More

Nah, setelah anda membuatnya, ikuti langkah berikut jika anda ingin merubahnya dengan gambar:

1. Login pada akun Blogger anda kemudian klik Menu Layout/Tata letak
2. Pada tab menu, pilih Edit HTML
3. Cek kotak Expand Template Widget kemudian cari
   

   <span id=’showlink’>
   <a expr:href=’data:post.url’>Read more…</a>
   </span>
   <script type=’text/javascript’>
   checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
   </script>
   </b:if>

   dengan mengetikkan CTRL+F pada keyboard anda
4. Jika sudah ketemu, ganti tulisan berwarna merah dengan kode berikut:
   

   
   <img src=”http://i535.photobucket.com/albums/ee352/tajcrowny/read_more_blue.gif” width=”90″/>

   
   

   
   <img src=”http://i721.photobucket.com/albums/ww218/sugwi/icon_read_more.gif” width=”90″/>

   
   

   
   <img src=”http://i442.photobucket.com/albums/qq148/glutenfreehomemaker/Readmore3.jpg” width=”90″/>

   
   

   
   <img src=”http://i147.photobucket.com/albums/r317/rockupyoursite/readmore.jpg” width=”90″/>

Atau jika anda ingin menggantinya dengan gambar anda sendiri, anda dapat mengganti URL-nya dengan URL gambar anda, jika kurang paham anda bisa mengganti tulisan yang berwarna merah (URL) dengan alamat gambar read more anda.

<img src=”http://i147.photobucket.com/albums/r317/rockupyoursite/readmore.jpg” width=”90″/>

Oke, selamat mencoba!! http://www.ardi33.web.id/2009/09/mengganti-tulisan-read-more-dengan-gambar.html