Membuat Menu Scrolling untuk Blogroll di Blogger

Scrolling menu area untuk menghemat tempat di blogger.-
Jika sobat sudah lama ngblog pasti punya daftar blogroll atau daftar link teman2 blogger yang banyak dan tentu akan memakan tempat di blog, sehingga terlihat panjang, sebenarnya blogroll bisa dimasukkan didalam posting untuk menghemat tempat di sidebar. Tetapi jika sobat tetap ingin memasangnya di sidebar bisa dengan menggunakan scrolling menu / area agar blogroll terlihat simpel dan tidak terlalu panjang, sehingga sobat masih bisa memasang widget lainnya,berikut langkah langkah membuat menu scrolling:

1. Ke Edit HTML, centang "Expand Template Widget" lalu cari kode berikut :

<b:widget id='LinkList2' 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'>

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


2. Masukkan kode berikut diatas <div class='widget-content'>

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

3. Lalu tutup dengan tag </div> diatas </b:includable>

4. simpan template

5. Sehingga menjadi seperti ini:

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div style='border: 0px; overflow: auto; width: 150px; height: 50px; text-align: center; background:#FFFFFF;'>

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

</div>

</b:includable>

</b:widget>


Title widget bisa berbeda beda sesuai dengan nama widget diblog anda(biasanya diberi judul blogroll, link sobat, daftar teman, dll). Sesuaikan panjang, lebar scrolling dengan merubah width dan height dan background untuh merubah warna latar belakang.Anda juga bisa menggunakan cara ini untuk widget lainnya seperti Feedjit, kategori dan lain lain yang berada di sidebar.


10 komentar:

Sykumal said...

ThankQ blognya bermansfaat

Adedosol said...

@Sykumal, Sama2 mas trima ksh sdh mampir

kang Ope said...

coba deh... mudah2an bisa...
trims
slm gravity

HEPNI said...

gak berhasil gimana ni

Blog Blogger Gratis said...

Terima Kasih
Hore saya coba dan Berhasil, Boleh Blog ini saya tambahkan di BlogRoll saya mumpung dah bisa tampung sebanyak-banyaknya.
Sekali lagi Terima Kasih

adedosol said...

@Blog blogger Trima ksh blk, monggo klo mau mnambahkan blog ini sy haturkan thanks bgt

imankikuk said...

makasih infonya y..
jalan-jalan ke blog saya juga..

the Elf said...

terima kasih tutorialnya, kalo ada waktu mampir ke tempatku ke tempatku

Hidayat Firmansyah said...

Trima Kasih Infonya Gan...

penerjemah bahasa mandarin said...

oke sob triknya...btw kalau untuk menu scroll yang 2 kolom atau lebih bagaimana sob caranya...???salam sukses selalu.thanks

Post a Comment

Silahkan memberi komentar, saran, kritik atau masukan tentang artikel atau blog ini
Do not insert a link on comment box or you will be considered a spammer

 
Seo marketing © 2010 | Designed by Chica Blogger | Back to top