Sabtu, 05 November 2011

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

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

39 komentar:

Unknown mengatakan...

Thanks atas infonya. sangat membantu sekali

wiha-cyber mengatakan...

Thx Infonya gan

Visit Back yah :

http://wiha-ct.blogspot.com/
Free Download Software and Games Full Version

KreatifLogo mengatakan...

trimakasih tipsnya......
langsung saya terapkan........

Anonim mengatakan...

thanks tutorialnya bagus untuk personalisasi blog

mchoyBLOGinfo mengatakan...

makasih infonya ...berguna buatku...

Rendy Rizaldy mengatakan...

makasih infonya.. bermanfaat banget bagi saya..

Compu-Gemz [Ridho] mengatakan...

thx infonya,muter2 akhirnya ketemu juga

Anonim mengatakan...

tanks gan infonya

Unknown mengatakan...

penerjemah bahasa mandarin said: oke sob menu scrollnya, btw low untuk yg 2 kolom atau lebih bagaimana ya sob caranya...???alam sukses selalu.thanks

Kelas Informatika mengatakan...
Komentar ini telah dihapus oleh pengarang.
Unknown mengatakan...

blogwalking

www mengatakan...

sipp

Unknown mengatakan...

ane gagal ni sob..
kayak mana msih blum mengerti...

My Jobseeker mengatakan...

keren, mampir balik ia follow juga

Anonim mengatakan...

Sangat bermanfaat sekali sob, terima kasih..

Visit back sob..
http://amronbadriza.blogspot.com/

Fakhri mengatakan...

masih bungung caranya gan, kunjungi juga dan follow blog saya gan..
http://muhafialifakhri.blogspot.com/

el-jadid mengatakan...

tukeran link donk

Unknown mengatakan...

Thanks atas infonya :D
Visit http://riowibi.com

Muhammad Ibnuh mengatakan...

visit back

www.tip-gratis.blogspot.com

Unknown mengatakan...

aduch gx bisa ne.. kok malah muncul nya ke samping.. kotak nya gak muncul lagi..
mohon bantuan nya..

tolong di cek k http://article-compilation.blogspot.com

Unknown mengatakan...

Info yg sangat membantu sobat!
Di tungggu kunjungan baliknya

Unknown mengatakan...

thanks ya om .... qw pasanga dah link Om di blok saya , follow back ya Om http://helpdesx.blogspot.com/ ... hee..hee Thanks

Imran mengatakan...

blogwalking+follow yahh....ane pasang link sobat di blogroll blog ane....di http://ilmu27.blogspot.com :)

Mang Uem mengatakan...

thanks sudah berbagi ilmunya, sukses selalu....

Unknown mengatakan...

Cocok untuk ditiru Gan!!!!

Unknown mengatakan...

thank ya gan infonya, jangan lupa follback ya saya sudah follow blognya
http://kumpulwallpaper.blogspot.com/

gerobaksoftware.blogspot.com mengatakan...

nice share gan.....

kunjungi juga

gerobaksoftware.blogspot.com

Direkori Penerjemah mengatakan...

Numpang tanya mas..kalau menu scroll daftar link seperti diatas itu ada batesannya ga untuk pengisian link didalamnya?

Makasih sebelumnya dan salam kenal dari Direktori Penerjemah Indonesia.

NEDI ARWANDI mengatakan...

trima kasih tipsnya mas....

Unknown mengatakan...

thx infonya, ... sangat bermanfaat

Unknown mengatakan...

gan,,
ane udh taruh link agan ke blog ane,, n follow blog agan
gantian ya
thanks
cek di http://neocybertechno.blogspot.com/

maya sari mengatakan...

saya ingin bertukar link,, tolong kunjungi http://nova-fms.blogspot.com/2012/11/tukar-link-otomatis_6147.html dan link anda udah kami pasang, thx

Unknown mengatakan...

gan, mau tukaran link nggak ???

asriadiawaluddin.blogspot.com

Anonim mengatakan...

blogwalking gan salam kenal

Unknown mengatakan...

boleh dong gan turaran link ya !!

spreimurahcollection.blogspot.com

Anonim mengatakan...

thanks gan

Riki Okta mengatakan...

makasih atas infonya,,di coba ya

Unknown mengatakan...

thank sob artikelnya, bagus ni buat dicoba di blog saya...
kunbal ya sob, komputersehari-hari.blogspot.com

Unknown mengatakan...

bermanfaat sekali infonya..sangat membantu buat blog saya yang masih newbie..thank
http://agam-santika.blogspot.com

Posting Komentar