Sabtu, 15 Juni 2013
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 + "#more"' 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.
Posting Komentar