Friday, February 20, 2009

Cara Meringkas Blogroll ( Linklist ) dengan Scroll

Apa jadinya jika link di blog kita sudah sangat banyak dan menjamur ? begitu sesak blog kita dan tidak sedap dipandang bukan ? untuk mengakali linklist sebenarnya ada banyak macam cara, salah satunya memakai teknik expand collapse widget seperti di blog ini. Atau bisa saja menggunakan teknik marquee dan masih banyak lainnya.

Tutorial kali ini, saya akan mencoba memodif linklist dengan cara memasangkan scroll.

Ingin tahu cara membuatnya ? ikuti tutorial ini satu persatu :

1. Login ke account Blogger anda, kemudian pilih menu Layout pada blog anda.

2. Pilih Page Elements -> Add Gadget. Lalu click tanda + di samping tulisan Link List -> SAVE

3. Masih di menu Layout lalu pilih tab Edit HTML -> Centang pada Expand Widget Templates ( sebelumnya backup dulu template anda )

4. Cari script yang mirip dengan script dibawah ini :

<b:widget id='LinkList1' locked='false' title='BlogRoll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>



Jika sudah ketemu, Copy script ini dan letakkan di bawah script tadi

<div style='width:100%; height:100px; overflow:auto;'>

Lau cari juga script berikut

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



Lalu tambahkan kode ini di bawahnya :

</div>

5. Save Template dan selesai

Akhirnya selesai deh, untuk contoh hasil tutorial tadi anda bisa lihat disini

Related Posts by Categories



3 comments:

Post a Comment

Newer Post Older Post Home