Monday, December 19, 2011

Cara Mengganti tulisan READ MORE Menjadi Gambar

Pada Artikel sebelumnya eigers.com pernah membahas tentang cara menambahkan READ MORE pada Blogger jika anda belum perna membaca saya sarankan untuk melihat lihat di sini terlebih dahulu. Langsung saja pada kesempatan kali ini eigers.com akan sharing sebuah trik blogger mengenai cara mengganti tulisan READ MORE menjadi gambar atau ikon langsung saja ikuti sedikit langkah berikut ini

  1. Silahkan Sobat masuk ke design > edit HTML
  2. Beri tanda centang untuk “Expand Widget Templates”
  3. kemudian temukan kode seperti ini gunakan ctrl F untuk mempermudah pencarian
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE – <data:post.title/></a></span>
.Perhatikan text READ MORE diatas, jika anda ingin mengganti text read more dengan sebuah gambar anda cukup mengganti text “READ MORE” dengan alamat icon anda sendiri. untuk memperjelas saya akan memberikan contohnya seperti berikut ini

<span class='rmlink' style='float:left'><a expr:href='data:post.url'><img alt="Photobucket" border="0" src="http://i671.photobucket.com/albums/vv80/dadfereneczi/nvdttdjpg.gif" /><data:post.title/></a></span>

selanjutnya untuk menghilangkan judul artikel anda cukup menambahkan “NO” pada kode script berikut ini

<data:post.title/></a></span>
menjadi seperti ini
<nodata:post.title/></a></span>
Selesai dan semoga cara mengganti read more dengan icon ini bermanfaat.


0 comments:

Post a Comment