Cara Membuat Kotak Blogroll

Oke, sepertinya trik ini sangat diminati ;) oleh Blogger-blogger di seluruh penjuru. Ya nggak??? ;) Bagaimana enggak, kotak kayak gini sangat berguna buat meringkas jika link atau sebagainya dinilai terlalu panjang... Jadi dengan trik ini akan berguna dalam pengaturan tinggi suatu widget, dan widget itu hanya ditambahi menu Rollover aja. Daripada berbelit2 :r langsung aja aku contohin kotak blogroll ini:



udah ngerti khand??? Tapi ada dua macam dua kotak blogroll, yaitu Default Blogroll dan Marquee Blogroll.

Pertama kita pelajari cara buat Default Blogroll. Ohya, gambar di atas itu adalah mode Default Blogroll, dan yang Marquee adalah model Blogroll dengan mode berjalan. Oke, langsung kita tancap blogroll pertama yaitu Default Blogroll:

1. Login dulu ke Blogger


2. Terus pilih Layout atau Tata Letak


3. Pilih Tambah Gadget


4. Kemudian HTML/Javascript


5. Pastekan deh kode di bawah ini:
   
   

   <div style="border: 1px solid rgb(153, 153, 153);
   overflow: auto;
   width: 200px;
   height: 200px;
   text-align: center; ">
   
   link1 <br/>
   link2 <br/>
   link3 <br/>
   link selanjutnya...
   
   </div>



6. Simpan deh

Keterangan:

• Untuk kode diatas bisa dirubah dengan tidak menampilkan border, yaitu ganti angka 1px dengan 0px kemudian hilangkan kode yang berkedip


• Ganti tulisan link1, link2, dan link3 dengan link yang kamu inginkan, ehm bisa juga diisi dengan banner link kamu


• Nah, sekarang tinggal menyesuaikan ukuran yang kuberi dengan huruf berwarna biru, ganti dengan ukuran yang sesuai dengan widget kamu


• Kalo pengen daftar link-link berjajar tinggal hilangkan kode <br/>

Meluncur ke mode berikutnya yaitu mode Marquee Blogroll. Masih inget khand? Marquee Blogroll adalah kotak widget Rollover yang berjalan. Langsung ajaa yaaa?

1. Login dulu ke Blogger


2. Terus pilih Layout atau Tata Letak


3. Pilih Tambah Gadget


4. Kemudian HTML/Javascript


5. Pastekan deh kode di bawah ini:
   
   

   <MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
   
   link1 <br/>
   link2 <br/>
   link3 <br/>
   link...<br/>
   
   </marquee>



6. Simpan

Keterangan:

• Kode up itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right


• Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br/>


• Ganti tulisan link1, link2, dan link3 dengan link yang kamu inginkan, ehm bisa juga diisi dengan banner link kamu


• Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll

Akhirnya selesai juga niih, sebagai informasi. Kotak Blogroll ini sangat berguna loh buat menghemat tempat jadi kenapa nggak segera pasang??? Semoga berhasil ya kawand??? :D :L