Mengubah Tulisan Read more Menjadi Gambar


Sobat, kali ini aku mau posting tutorial tentang cara mengganti tulisan Read more (baca selengkapnya) menjadi gambar atau gif yang keren-keren sesuai keinginan sobat. Seperti punyaku itu loh..Pengen tau nggak caranya gimana..
Ikuti aja tutorialnya berikut:


1. Login ke account sobat di Blogspot.com
2. "Pengaturan" setelah di Dasbor
3. Rancangan
4. Edit HTML, jangan lupa beri tanda centang pada "Expand template widget" 
Sebelumnya backup dulu template anda....buat jaga-jaga..


 Cari kode berikut ini : (untuk mudah dalam pencarian klik ctrl+f)

<b:if cond='data:post.hasJumplink'> <div class='jump-link'><a expr:href='data:post. url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div></b:if>

Ganti kode <data:post.jumpText/> dengan kode gambar sobat atau bisa juga searching ama mbah google

atau kalo sobat tertarik ama model read more punyaku, aku kasih contoh kode gambarnya nih
 <img src="http://dl.dropbox.com/u/71567303/read%20more.gif" width="90"/>


 jadi kira-kira hasilnya kayak dibawah ini:

<b:if cond='data:post.hasJumplink'> <div class='jump-link'><a expr:href='data:post. url + "#more"' expr:title='data:post.title'><img src="http://dl.dropbox.com/u/71567303/read%20more.gif" width="90"/>/a> </div></b:if>



5. Langkah terakhir. Simpan Template & Liat Hasilnya
Semoga bermanfaat ya..

2 comments:

  1. nice info .. kunjungan balik ya..
    follow aja.. ntar saya follow balik.. www.stylirrx.blogspot.com

    ReplyDelete