Buat anda yang sempat kebingungan seperti saya, gimana caranya mengganti atau mengedit teks/tulisan Read More/Baca Selengkapnya, yang biasanya terdapat dibawah potongan artikel halaman blog, dengan template standart bawaan blogspot.
Dari beberapa tutorial yang saya ubek-ubek, ternyata saya tidak menemukan kode yang disarankan. Itu mungkin karena template yang saya pakai masih standart bawaan blogger, sedangkan tutorial yang saya baca adalah tutorial dari para master untuk template-template profesional, di tambah pemahaman saya tentang HTML yang masih sak ndulit. Ya jadinya makintambah semrawut saja blog saya.
Dari beberapa tutorial yang saya ubek-ubek, ternyata saya tidak menemukan kode yang disarankan. Itu mungkin karena template yang saya pakai masih standart bawaan blogger, sedangkan tutorial yang saya baca adalah tutorial dari para master untuk template-template profesional, di tambah pemahaman saya tentang HTML yang masih sak ndulit. Ya jadinya makintambah semrawut saja blog saya.
Tapi setelah lama, akhirnya ketemu juga kode yang saya cari. Buat anda yang mau merubahnya bisa ikuti cara yang saya lakukan dibawah ini :
1. Masuk dashboard blog anda.
2. Pilih template, lalu klik edit HTML, centang Expand Widget.
3. Setelah itu cari kode ini :
<data:post.jumpText/>
Biasanya bergandengan dengan kode seperti ini
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<span style='float:right'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<i style='color: #38761d;'><data:post.jumpText/></i>
</a>
</span>
</div>
</b:if>
Anda perhatikan saja kode yang berwarna hijau.
4. Ganti kode <data:post.jumpText/> tersebut dengan teks sesuai keinginan anda.
5. Apabila anda berkeinginan mengganti teks tersebut dengan sebuah gambar. Anda tinggal mengganti saja kode tersebut dengan kode yang ini :
<img alt='Read More..' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore9.png'/>
Tambahan :
Anda bisa mengganti gambarnya sesuai dengan yang anda inginkan. Caranya, ganti kode url gambar di atas (kode yang berwarna merah) dengan url gambar anda.
6. Kalau sudah seve template anda
Lihat hasilnya........
No comments:
Post a Comment