Membuat Kotak Blogroll

Di kesempatan ini kita akan langsung membahas dua trik tentang cara membuat kotak blogrol sekaligus.Oh Ya.. sebelumnya kitakan sudah pernah membahas tentang cara membuat kotak blogrol mode marQuee disini. Makanya sekarang kita akan membahas dua trik blogrol lainnya dan sama halnya dengan Marquee selain dapat diisi dengan link blog teman kita kotak ini juga dapat diisi dengan baner atau blog directory jika ada. 

1. Cara Membuat Kotak Text Area

Contohnya sepeti kotak yang ada di sidebar saya.itu yang ada tulisan “Links My Friend diatasnya. Nah begini cara membuatnya : 

1. Seperti biasanya masuk dulu ke account blogger anda kemudian di dashboard ambil [Rancangan] 

2. Kemudian Copy dan paste kode dibawah ini kedalam Page Elements anda caranya: [ Add a Gadget] >>>       [HTML /Javascript] 

<div style="border: 3px double rgb(153, 153, 153); overflow: auto; width: 300px; height: 150px; text-align: center;"> 

<a href="http://blogscommunity.blogspot.com/">Hc</a><br /> 

<a href="http://andi-arifin.blogspot.com/">Andi</a><br /> 

<a href="http://riska-robianto.blogspot.com/">BBB</a><br /> 

<a href="http://tutorial-jitu.blogspot.com/">Tj</a><br /> 

<a href="http://a2i3s-c0ol.blogspot.com/">a2i3s</a><br /> 

<a href="http://www.lyricsformula.com/">Adal</a><br /> 

<a href="http://bina-informatika.co.cc/">bina-informatika<br /> 

<a href="http://jogjacoffee.blogspot.com/">jogjacoffee 

</div>

KETERANGAN

- Kode width: 300px; dan height: 150px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.

- Ganti tulisan yang berwarna merah dengan alamat URL link yang akan kamu tampilkan dan

ganti juga tulisan yang berwarna biru dengan judul link yang akan ditampilkan.

- Jika ingin menambahkan daftar link maka tambahkan kode yang berkedip-kedip diatas tersebut dan jangan lupa ya untuk mengganti url dan nama linknya. 

2. Cara membuat Menu Drop Down 

Ada dua macam menu dropdown berdasarkan cara kerjanya :

A. menu drop down yang membuka dalam satu tab jika isi didalamnya diketik

Jika anda ingin membuat menu drop down ini, maka ikuti langkah-langkah berikut :

1.masuk ke account blogger anda

2. kemudian Copy dan paste kode dibawah ini kedalam Page Elements anda caranya:[Tata Letak] >>>[ Add a Gadget] >>> [HTML /Javascript]

<form name="ddmenu"> <select onchange="document.location.href=this.options[this.selectedIndex].value;" name="menu"> <option/>My Menu<option/><optgroup label="kelompok 1"></optgroup> 

<option value="link1">Judul link 1 

<option value="link2">Judul link 2 

<option value="link3">Judul link 3 

<optgroup label="kelompok 2"></optgroup> 

<option value="link1">Judul link 1 

<option value="link2">Judul link 2 

<option value="link3">Judul link 3 

</select></form>

B. menu dropdown yang membuka dalam tab baru jika isinya diketik

Caranya sama dengan langkah-langkah diatas tetapi ganti kode diatas dengan kode berikut ini :

<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" name="menu" > <optgroup label="kelompok 1"> 

<option value="link1">judul link 1 

<option value=" link2"&gt;judul link 2 

<option value=" link3">judul link 3 

<optgroup label="kelompok 2"> 

<option value="link1">judul link 1 

<option value=" link2">judul link 2 

<option value=" link3">judul link 3 

</optgroup></optgroup></select>

Keterangan untuk kedua kode diatas :

- Kata [My menu] yang terdapat didalam kode diatas adalah merek dropdown yang akan ditampilkan di blog   anda

- Kata [kelompok 1] didalam kode merupakan judul dari pengelompokan link yang akan dimasukkan.sebagai contoh : “dalam satu menu dropdown terdapat daftar trik blog pada [kelompok 1] dan trik Xp pada daftar [kelompok 2].

- Untuk menambah kelompok tambahkan scrip yang berkedip diatas

- Ganti tulisan [link] yang berwarna hijau dengan url daftar dan seterusnya

- Ganti tulisan [judul link ] yang berwarna biru dengan judul postingan atau link yang akan ditampilkan dan seterusnya.

sumber : http://resep-jitu.blogspot.com