Mengganti Tulisan Read More dengan Gambar

Malam sobat blogger, kali ini saya akan membahas tentang tips-trick blog, tentang "Mengganti Tulisan ReadMore dengan Gambar".
Bagi anda yang suah bosan dengan fasilitas "Readmore" anda dalam berntuk text, anda juga bisa mengubahnnya ke bentuk gambar.

Penasaran ingin mencobanya?
oke langsung saja :

1. Login Blogger kemudian pilih Rancangan.
2. Pada tab menu klik Edit HTML.
3. klik centang pada kotak Expand Template Widget kemudian carilah kode :

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

Untuk mempercepat pencarian gunakanlah tombol CTRL + F

        4. Jika sudah ketemu, ganti kode yang berwarna biru diatas dengan kode :



<img alt='read more' src='http://i1186.photobucket.com/albums/z369/loookzi/readmore.gif'/>

Untuk mengubah gambar sesuai keinginan anda, ganti tulisan yang berwarna merah dengan link gambar anda.

          5. Simpan Template.


Selamat mencoba :)









Buat sobat blogger yang suka dengan artikel saya, silahkan anda share di mana saja anda suka (blog, facebook, twitter dll). Namun, bila berkenan mohon cantumkan link sumber dari artikel yang sobat blogger share (copy/paste).
-Terima kasih-

Posted in: Browser,Tips n Trick