Mengganti Link readmore dengan gambar

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″/>