Fajar Herianto

Membuat daftar Link teman menjadi lebih rapi dengan scroll bar Di Blogger


Membuat daftar Link teman menjadi lebih rapi dengan scroll bar Di Blogger

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:
<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.

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget