mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

Modifikasi Widget LinkList di Blogspot untuk Link Footer

Widget Link List adalah widget bawaan blospot yang digunakan untuk menampilkan link di sidebar blog, baik itu untuk menampilkan Link Koleksi Blog, Koleksi File Download, referral Program Affiliasi dst.

Secara default Widget ini akan tampil tersusun kebawah baik dengan model list "Bullet", tapi terkadang kita juga melihat ada Blog yang Widget Link List yang tampil tidak seperti biasa yaitu tampil mendatar (horisontal) yang biasanya dipasang sebagai link footer (lihat screen capture ).
contoh Widget Link List horisontal
Jika tertarik mengubah tampilan widget LinkList blog anda silahkan ikuti cara berikut:
  • Masuk ke control panel blog, tuju Tata Letak -> Edit HTML, untuk menghindari kesalahan dalam proses edit selalu lakukan proses backup dengan cara men-download template Anda sebelum melakukan perubahan. Setelah proses download template selesai beri tanda centang pada Expand Widget.
  • Kemudian cari widget LinkList. Sebagai contoh lihat kode untuk Widget LinkList bertittle "Footer Links":




    <b:widget id='LinkList9' locked='true' title='Footer Links' type='LinkList'>
    <b:includable id='main'>
    <div class='widget-content'>
    <ul>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>


  • Kemudian ganti kode yang ditebalkan (Bold) dengan kode dibawah ini




    <b:loop values='data:links' var='link'><a expr:href='data:link.target'><data:link.name/></a> | </b:loop>|


  • Untuk melihat hasil perubahan yang dilakukan tekan tombol Pratinjau, jika hasilnya telah sesuai, tekan tombol Simpan.

Semoga bermanfaat, btw ditunggu respounnya ya friends ;) :k

7 komentar:

Panduan hosting mengatakan...

Trims ilmunya , sangat bermanfaat.

Oentoe_09 mengatakan...

makasih juga sudah mampir sobs.. :k :k :k

iDiNks mengatakan...

terimakasih dan sangat berguna, oya saya suka sama tampilan template bahkan udah coba pasang, saya mau nanya kalo mau ganti warna tulisan dimana saya bisa gntinya misal tulisan footer jadi tdk nampak karna baground jg htm. Salam kenal mas

SURATMAN mengatakan...

klo edit template pke hp bs N70 dan browser operabolt bs pa gak mas?Lam knl ya,kunjungi blog aq jg ya,.Tanks

Oentoe_09 mengatakan...

@ iDiDnks: langsung saja ke tab Edit HTML di control panel blog dan langsung cari kode CSS properti footer, biasanya kodenya dimulai dengan kode footer-wrapper, kemudian ganti kode warna sesuai warna yang diinginkan (menggunakan Hexa code).
@ SURATMAN Sy pribadi blom pernah coba sobs. and salam kenal balik juga :)

eky mengatakan...

makasih infonya,aku lagi belajar ngeblog neh...jadi info ini sangat bermanfaat.

Luqman Kusumahdilaga mengatakan...

Terima Kasih kang. sangat membantu sekali.
Boleh minta tuker link ga??
di merahmarunluck.blogspot.com

Posting Komentar

Label

Blog support

Entri Populer