Cara Mengganti Tulisan "Read More/Baca Selanjutnya" Dengan Gambar

27/02/16

Imagen insertada:  

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Pilih Edit HTML
4. Cari kode ini
<b:if cond='data:post.hasJumpLink'>
5. Dibawahnya kan pasti ada kode ini
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
     
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div>
    </b:if>
6. Gantikan kode warna merah itu dengan kode ini
<img src='URL GAMBAR READ MORE'/>
7. Maka akan terlihat seperti ini
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
     
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='URL GAMBAR READ MORE'/></a></div>
    </b:if>
8. Save Template

Gambarnya bisa kalian lihat disini 1 , 2 , 3


credit: Cindy Raviga


Label:





0 comments

Posting Komentar


Kio