author-photo

Cara Mengganti Read More Dengan Icon


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 + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>

Maka cara untuk mengganti Read More tersebut adalah
hapus kode :

  + &quot;#more&quot;' 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
Kemudian Save

Jika sobat Mencari Icon/Gambar Read More
Klik Tombol dibawah ini :





Selamat mencoba,
semoga bermanfaat

Share this:

13 komentar

Click here for komentar
November 3, 2012 at 12:50 AM

.. keren nich tutor nya. mantavVV,, lanjutkan. he..86x ..

Balas Hapus
avatar
admin
November 3, 2012 at 9:17 AM

@♥VPie◥♀◤MahaDhifa♥ : Oh jelas mba. Mas Reo Adam ini ilmu IT dan Teknik Bloggingnya seperti Air Laut nda akan ada habis habisnya.

Saya sudah pakai "read more" standard dan tertarik juga mau pake icon biar nyeni dan kreatif dikit. Izin sedot ya Mas Reo Adam

Balas Hapus
avatar
admin
November 3, 2012 at 10:30 AM

met siang genk. mksih infonya genk

Balas Hapus
avatar
admin
November 3, 2012 at 1:41 PM

wah asik dan cantik ya kalo ada gambar read more, sayang template blogku ga ada fitur read morenya hikz,,, :)

Balas Hapus
avatar
admin
November 3, 2012 at 2:34 PM

wah keren om
dari dulu pengen bikin spoiler juga ga jadi jadi
apalagi bikin macem macem..

Balas Hapus
avatar
admin
November 3, 2012 at 8:16 PM

opo iki kok spoiler....wkwkwkwkwk
untuk spoiler ada tutornya sendiri di blog ini mas...cri aja :)

Balas Hapus
avatar
admin
November 3, 2012 at 8:17 PM

kan bisa ditambah fitur readmore nya mba....
lain kali aq buat tutornya

Balas Hapus
avatar
admin
November 8, 2012 at 3:24 PM

Wah bagus nih.. aku simpan .
thanks .

Balas Hapus
avatar
admin
Anonymous
November 30, 2012 at 11:19 AM

Bertambah cantik lah Gan My Blog...Hehehe Maklum Masih Newbie ....KWKWKWK

Balas Hapus
avatar
admin
Anonymous
November 30, 2012 at 2:34 PM

Nah ini dia mung bentrok Wigednya ..nggak ketemu kata Read Morenya..Gimana solusinya Gan

Balas Hapus
avatar
admin
November 30, 2012 at 9:07 PM

coba cari kode
#more
trus ikuti...baca keterangan diatas

Balas Hapus
avatar
admin

PERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terima kasih sudah berkomentar