Membuat Kotak Blogroll

Artikel Terkait:

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 [layout / tata letak]

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 kamu ingi linknya berjajar kayak punya aku yang sidebar itu maka hilangkan kode <br />

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

2. daramembuat 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 link2
<option value="link3">Judul link3
<optgroup label="kelompok 2"></optgroup>
<option value="link1">Judul link 1
<option value="link2">Judul link2
<option value="link3">Judul link3

</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">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/2009/02/cara-membuat-kotak-bogroll.html#comment-form