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 ).
Jika tertarik mengubah tampilan widget LinkList blog anda silahkan ikuti cara berikut:
Semoga bermanfaat, btw ditunggu respounnya ya friends ;) :k
contoh Widget Link List horisontal |
- 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:
Trims ilmunya , sangat bermanfaat.
makasih juga sudah mampir sobs.. :k :k :k
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
klo edit template pke hp bs N70 dan browser operabolt bs pa gak mas?Lam knl ya,kunjungi blog aq jg ya,.Tanks
@ 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 :)
makasih infonya,aku lagi belajar ngeblog neh...jadi info ini sangat bermanfaat.
Terima Kasih kang. sangat membantu sekali.
Boleh minta tuker link ga??
di merahmarunluck.blogspot.com
Posting Komentar