Cara Mengganti Tulisan Read More Dengan Gambar

Pada halaman home page atau Halaman beranda blog dapat ditampilkan beberapa postingan, agar tidak memanjang ke bawah, blogger telah di lengkapi dengan fitur Read More atau Baca Selengkapnya. Namun terkadang kita bosan dengan dengan tulisan tersebut dan berminat ingin menggantinya agar tampil beda dengan yang lain.



Tulisan Read More atau Baca Selengkapnya dapat diganti dengan gambar agar terlihat lebih keren, untuk menggantinya juga tidak sulit. Hanya dengan mengubah sedikit kode yang ada pada template blog tersebut dan bisa kita ganti dengan gambar/ icon apa pun yang kita inginkan, berikut cara untuk menggantinya.

Cara Mengganti Tulisan Baca Selengkapnya Dengan Gambar
1. Masuk ke akun blogger
2. klik Template
3. lalu pilih Edit HTML kemudian klik Lanjutkan
4. selanjutnya centang pada kotak Expand Template Widget
5. Lalu cari kode berikut <data:post.jumpText/>, untuk mempercepat pencarin gunakan CTRL+F lalu ketikan <data:post.jumpText/>

sehingga akan muncul kode seperti berikut


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

lihat kode yang berwarna merah, ganti dengan kode <img src="ISI DENGAN URL GAMBAR"/> pada kode ini ganti tulisan yang berwarna biru dengan url gambar yang ingin di jadikan icon / gambar pada Read More

6. Klik Pratinjau jika tulisan Read More pada tab baru yang terbuka telah terganti dengan gambar maka itu berhasil tapi kalau tidak ya tidak berhasil.
8. Jika berhasil klik Simpan Template.

Semoga bermanfaat.