Mungkin sobat pernah bahkan sering menjumpai text Read More
pada blog orang lain yg sudah mereka ganti dengan icon/gambar.
Bagi sobat Blogger pemula seperti saya tentunya pingin juga
mengganti Read More Dengan Icon atau Gambar,
Silahkan ikuti langkah-langkah di bawah ini :
Cara Mengganti Read More Dengan Icon
1. Login Ke Blog Sobat.
2. Pilih Design > Edit HTML> Klik Centang Expand Widget Template
3. Cari Read More atau Next atau Baca Selengkapnya,
atau kata apa saja yg kamu gunakan dlm featured Read More.
gunakan CTRL+F untuk mencari kode Read More tersebut
4. Sobat akan menemukan kode spt dibawah ini :
<a expr:href='data:post.url'>Read More</a></span>
5. Ganti text Read More dg kode URL gambar yg sobat inginkan
Contoh :
<img src="http://2.bp.blogspot.com/-J90aiPHK6dU/T5VGLAz-bYI/AAAAAAAAALw/GdbGPvRFQLk/s1600/anigif.gif"/>
kode keseluruhan akan menjadi seperti ini :
<a expr:href='data:post.url'><img src="http://2.bp.blogspot.com/-J90aiPHK6dU/T5VGLAz-bYI/AAAAAAAAALw/GdbGPvRFQLk/s1600/anigif.gif"/></a></span>
6. Klik Preview/Pratinjau untuk melihat hasilnya
jika tidak ada sembarang masalah klik Save/Simpan.
Keterangan :
Mengikut pengalaman saya,,,
Untuk sesetengah TEMPLATE memiliki kode Read More yg berlainan
jika sobat menemukan kode Read More seperti dibawah ini :
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</div>
Maka cara untuk mengganti Read More tersebut adalah
hapus kode :
+ "#more"' expr:title='data:post.title'><data:post.jumpText
gantikan dg kode tersebut dg Url gambar Read More yg telah sobat sediakan
Contoh kode Url gambar Read More
<img src="http://2.bp.blogspot.com/-J90aiPHK6dU/T5VGLAz-bYI/AAAAAAAAALw/GdbGPvRFQLk/s1600/anigif.gif"/>
Dan hasilnya kode keseluruhan menjadi spt ini :
<a expr:href='data:post.url'><img src="http://2.bp.blogspot.com/-J90aiPHK6dU/T5VGLAz-bYI/AAAAAAAAALw/GdbGPvRFQLk/s1600/anigif.gif"/></a></div>
Cara'nya sama dg langkah2 diatas, cuma kode-nya yg berbeda
Jika sobat Mencari Icon/Gambar Read More
Klik Tombol dibawah ini :
Selamat mencoba,
semoga bermanfaat
13 komentar
Click here for komentar.. keren nich tutor nya. mantavVV,, lanjutkan. he..86x ..
Balas Hapus@♥VPie◥♀◤MahaDhifa♥ : Oh jelas mba. Mas Reo Adam ini ilmu IT dan Teknik Bloggingnya seperti Air Laut nda akan ada habis habisnya.
Balas HapusSaya sudah pakai "read more" standard dan tertarik juga mau pake icon biar nyeni dan kreatif dikit. Izin sedot ya Mas Reo Adam
met siang genk. mksih infonya genk
Balas Hapuswah asik dan cantik ya kalo ada gambar read more, sayang template blogku ga ada fitur read morenya hikz,,, :)
Balas Hapuswah keren om
Balas Hapusdari dulu pengen bikin spoiler juga ga jadi jadi
apalagi bikin macem macem..
silahkan mas.....:)
Balas Hapusopo iki kok spoiler....wkwkwkwkwk
Balas Hapusuntuk spoiler ada tutornya sendiri di blog ini mas...cri aja :)
kan bisa ditambah fitur readmore nya mba....
Balas Hapuslain kali aq buat tutornya
Wah bagus nih.. aku simpan .
Balas Hapusthanks .
thankz...:D
Balas HapusBertambah cantik lah Gan My Blog...Hehehe Maklum Masih Newbie ....KWKWKWK
Balas HapusNah ini dia mung bentrok Wigednya ..nggak ketemu kata Read Morenya..Gimana solusinya Gan
Balas Hapuscoba cari kode
Balas Hapus#more
trus ikuti...baca keterangan diatas
PERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon