Pada saat link- link jumlahnya sudah banyak maka blog kita akan semakin sesak dan tentunya tidak sedap dipandang. Jika hal itu tidak diatasi dengan baik, pasti blog kita akan terlihat amburadul.
Berikut cara mengatasinya :
Kita buat blogroll, ada dua macam kotak blogroll yang akan kita buat, terserah anda pilih yang mana.
1. Kotak Blogroll Model Textarea
cara membuatnya :
Pasang code berikut ini di kedalam element anda (Page Elements --> Add a Gadget --> HTML /Javascript)
< div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
#link1
#link2
#link3
#link...
< /div>
keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, anda bisa merubahnya dan menyesuaikanya dengan ukuran yang anda suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link anda, juga bisa diisi dengan banner link.
- Jika anda ingin daftar link-linknya berjajar , maka hilangkan kode
2. Kotak Blogroll Model Marquee
Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yang diatas, karena kotak yang ini tidak memiliki rollbar (yang biasanya disebelah kanan dan bisa ditarik keatas kebawah ). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal.
cara membuatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
< MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
#link1
#link2
#link3
#link...
< /marquee>
Keterangan :
- Kode "up" itu menunjukan arah pergerakan, anda bisa menggantinya dengan down, left, right.
- Jika anda menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll anda. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
Sumber: parablogger
Selengkapnya...
Cara Membuat Kotak Blogroll dan Marquee
Cara Membuat Dropdown Menu
Apakah dropdown menu itu?
yang dimaksud dropdown menu adalah seperti yang terlihat di bawah ini:
Bagaimana, anda sudah tahu kan?
Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Tertarik? Mau mencobanya?
Begini caranya :
Login ke blogger, lalu masuk ke menu "Page Element" lalu pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content"
< select onChange="document.location.href=this.options[this.selectedIndex].value;">
< option value="0" selected>Arsip Blog
< option value="Links 1"Tampilan 1 < /option>
< option value="Links 2"Tampilan 2 < /option>
< /select>
Ganti tulisan Link 1 dan link 2 dengan link- link anda.
Tampilan 1 dan tampilan 2 adalah tulisan yang ditampilkan. Itu juga harus anda ganti.
Contohnya seperti ini :
< select onChange="document.location.href=this.options[this.selectedIndex].value;">
untuk menambahkan menu lagi, tambahkan kode seperti ini :
< option value="Links 2">Text 2
sebelum kode
Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk arsip dan link-link yang masih berhubungan dengan blog tersebut.
Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog anda. Yang ini cocok untuk Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut
< select onChange="document.location.href=this.options[this.selectedIndex].value;">
ganti dengan kode ini :
< select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Tertarik? Silakan coba!
Sumber: parablogger
Selengkapnya...