Home » » Membuat daftar Link teman menjadi lebih rapi dengan scroll bar

Membuat daftar Link teman menjadi lebih rapi dengan scroll bar

Kebanyakan para blogger selalu menyisipkan link teman atau sahabatnya sesama blogger di bagian side bar blog. Namun yang menjadi kendalanya adalah bagaimana jika link teman-temannya banyak pasti panjang banget kebawah dan memakan space blog yang banyak pula.

Baiklah, cara yang dilakukan untuk membuat daftar link teman menjadi lebih rapi adalah cukup sederhana yaitu menggunakan gadget daftar link dari blogspot. dan selanjutnya menyisipkan kode pembuka scroll dan penutupnya, seperti apa kodenya? berikut pembahasannya.


1. login ke blog anda > rancangan

2. Add gadget > pilih daftar link

3. Kemudian klik edit HTML

4. Ceklist expand template widget 

5. kemudian sisipkan kode berikut (warna merah) diantara kode yang ada. perhatikan dibawah ini:

Spoiler: :
<b:widget id='LinkList1' locked='false' title='Daftar Link' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:160px;'>
<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>
</div>
</b:includable>

6. Jika sudah, save template anda. lihat hasilnya..

Catatan:

  • Kode warna merah inilah yang ditambah sebab tidak ada pada widget standar blogspot.
  • Untuk angka 160 px bisa dirubah sesuai keinginan.
  • Jika gagal coba letakkan kode </div> diatas <b:include name='quickedit'/> saja, beberapa template ending tag-nya berbeda.



Sumber
Share this article :

1 komentar:

  1. Artikel yang bagus mas.....
    Mantab...
    jangan lupa ya mas follow and komen blogku...
    http://www.arnold-sipayung.tk/

    BalasHapus

DONATE US
-------------------------------------------------------------------------
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Kencana Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger