Cara Mengganti Read More dengan Gambar atau Logo

Langkah Awalnya tu simpan dulu template sobat dengan cara mengklik link Download template lengkap.Untuk Berjaga-jaga apabila terjadi kesalahan dalam pemasangan script !!!

1. Log in dahulu ke account blogspot sobat.

2. KLik "Page Element / Rancangan" & Klik "Edit HTML"



3. Jangan Lupa isi tanda centang pada Expand Template Widget


4. Cari Kode berikut ini
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url
+ "#more"'><data:post.jumpText/></a>
</div>
</b:if >


Gunakan tombol CTRL +  F pada keyboard anda, untuk memudahkan pencarian kalimat tersebut lalu enter.

4. Bila kode tersebut telah anda temukan,silahkan ganti kode yang berwarna merah tersebut dengan kode di bawah ini :


<a expr:href='data:post.url'><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="http://4.bp.blogspot.com/_E8m0Zdz7k0E/S4lbKFUE80I/AAAAAAAAAQI/uq27RNrHQDI/s320/dinoe-dasbos.blogspot.png"/></a>

Sehingga kodenya menjadi seperti ini :



<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="http://i288.photobucket.com/albums/ll171/widodo06gun/read-more-kcl.gif"/></a>
</div>
</b:if>




Jika kalian ingin mengganti gambarnya ganti kode yang berwarna biru dengan alamat gambar kalian....!!!

5. Simpan Lalu lihat hasilnya..!!


Maka Hasilnya Seperti Ini :    

  

Read this | Baca yang ini



Widget by [ Free Widget ]

0 comments:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Cheap Web Hosting