Cara Membuat Menu Scroll Daftar Link Sahabat (Blogroll) di Blogspot

Translate this Article...

Andai blog anda punya link teman sampai ratusan jumlahnya dan anda harus memajangnya di halaman utama (sidebar) , tak terbayangkan seberapa panjangnya dan tentunya akan menyita tempat yang tidak sedikit di halaman utama web anda, dan tampilannya juga pasti tidak enak dipandang mata. Naah�, oleh sebab itu kita bisa memodifikasi daftar suatu blogroll yang panjang dengan fitur Scrolling pada blogspot. Selain untuk menempatkan daftar blogroll cara ini dapat juga di manfaatkan untuk memasang info, label daftar menu artikel dan widget-widget anda yang lainnya.

Dibawah ini contoh sebuah blogroll dalam kotak scroll :

majuterus.com
steambath.co.id
bobojnku.blogpsot.com
mariner.side.co.cc
botaklenang.com
sisatolieur.com
sigopepedun.com
yourhomejh.co.id
blogbudaqdegil.blogspot.com
blogbudaqlieur&sableng.com
heringboone.co.id
pecenghullaah.blogpsot.com
ngalenghoywae.com
lalemongpisan.com
huntunyeriwae.com
blogsionenglah.blogspot.com

Langkah-langkah untuk membuat menu scroll :

1. Login ke Blogger anda, klik Design, lalu klik add a gadget.

2. Pilih HTML/JavaScript, lalu masukkan kode dibawah ini :

<div style="border: 1px solid rgb(255, 255, 255); height: 170px; overflow: auto; padding: 10px; text-align: justify; width: 260px;">
Isi dengan MENU, BLOGROLL, LABEL atau daftar apa saja yang anda ingin jadikan sebuah Menu Scroll
</div>

 

Keterangan :

Teks berwarna merah adalah daftar menu berbentuk scroll yang ingin anda tampilkan . Kode height: 170px adalah tinggi kotak menu scroll, sesuaikan dengan kebutuhan tinggi dari sidebar blog anda. Anda bisa menggantinya dengan auto atau 100%, width: 260px adalah lebar kotak menu scroll, sesuaikan angkanya dengan kebutuhan sidebar blog anda agar lebarnya proporsional .

3. SAVE/Simpan dan lihat hasilnya.

Semoga bermanfaat��