Memberi Icon Pada List Arsip Blog



Salam BHT, Pada pertemuan kita kali ini Hotline Terkini akan mencoba share tentang Bagaimana memberi Icon di List-arsip pada Blog .Daftar Arsip pada blog, secara default hanya berupa bullet segitiga, wah.kurang keren ya gan?, Nah kali ini saya coba forward-posting tentang hal tersebut. Nah bagaiman caranya?. Caranya adalah kita ganti saja bullet tersebut dengan image/gambar kresai kita sendiri.
1. Pertama Login pada blog dan menuju Dasbor ,Rancangan, Edit HTML.
*jangan lupa centang expand template widgate

2. Setelah itu cari kode seperti dibawah ini. *untuk mempermudah gunakan ctrl+f

<li><a expr:href='data:i.url'><data:i.title/></a></li>

3. Selanjutnya bila sobat telah menemukan kode diatas, silahkan masukan kode dibawah ini.sesudah kode <li>. Berikut kodenya : 

<img src='url icon'/>

4. Sehinggan hasilnya nanti akan tampak seperti dibawah ini :
<li><img src='url icon'/><a expr:href='data:i.url'><data:i.title/></a></li>

5. Selesai deh, sekarang anda tinggal Klik simpan

   Catatan*urlimage bisa sobat ganti sesuai keinginan sobat, dan berikut saya juga akan memberikan satu contoh kode+url image yang sudah siap dipakai.

Berikut kodenya :

<li><img src='http://www.angloswissclubsolothurn.org/e107_themes/ASCS/images/bullet.png'/><a expr:href='data:i.url'><data:i.title/></a></li>

Nah, Sepertinya cukup disini dulu pembahasan tentang Bagaimana Memberi Icon Pada Arsip Blog. Selamat mencoba dan semoga bermanfaat.
Terima kasih 
Salam BHT. 
Bagikan Artikel ini via :
Share on fb Tweet Share on G+

3 Responses to "Memberi Icon Pada List Arsip Blog"

  1. Oh ada kode di atas header ya?? emg itu kode apaan gan??

    coba kasih kode ini:
    <b:if cond='data:blog.pageType != "static_page"'>
    Simpan kode yang muncul diatas header itu disini
    </b:if>

    Coba aja dulu gan..!!

    ReplyDelete
  2. Terima kasih bang, Ntar ane coba. Sementara ane masih trial ilmu "Auto Read More" yg abang kasih tadi. Belum success juga. Ane pindah
    yg ke2 juga belum bisa(Link Readmore tidak bekerja di laman).Padahal cantik tuh,rencananya mo dipakaiin img bang, kan bagus tuh. He he.
    Soal Code yg muncul di Header ane, itu code dari mbak Alexa (Alexa internet inc)bang. Kemarin2 tuh ane mengKlaim Blog ane. Jadi nampak ama visitor ya bang. Thanks ya bang,sambil edit readmore, skalian ane coba ilangin penampakan code tsb.

    ReplyDelete
  3. Owh widgate alexa.. kalau itu taru saja sesudah kode head jangan sebelumnya. kalau kode2 html di tarus sebelum kode head maka otomatis akan tampil seperti pada blog agan ini.

    oy untuk readmore yg otomatis itu udah berfungsi koq, coba di ulang dari awal, barangkali ada yang kurang.

    ReplyDelete

Terima kasih sobat sudah berkunjung di Hotline Terkini, Cara baru Berbagi Online, sekarang giliran anda berkomentar yang sesuai dengan tema artikel. Salam Blogger.