Bikin Blogroll Sederhana

Browse » Home » BLOGGING » Bikin Blogroll Sederhana

0 Bikin Blogroll Sederhana

Biasanya kita saling bertukar link dengan blogger yang lain atau juga dengan web Orang lain. Nah dari pada kita hanya mnampilkan secara amburadul atau model yang terlalu panajang sehingga memenuhi template, uh pastiu dipandang g indah bukan. Nah mungkin tutorial ini dapat membantu, meskipun ini sederhana namun cukup cantik bila dipasanng di blog kita. Manfaatnya juga agar tampilan lebih minimalis. Jadi jika kita memiliki Link yang cukup banyak tak kan jadi masalah.

1. Blogroll Dengan Marquee

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="200">
<a href="#" target="_blank">Mir Blogspot</a>
<br/><br/>
<a href="#"_blank">Free Blog Teamplates</a>
<br/><br/>
<a href="#" target="_blank">Siska Blog</a>
<br/><br/>

</marquee>

Ganti tanda # dengan target url blog teman anda....
scrollamount="2" => angka "2" menunjukkan kecepatan, apabila ingin lebih cepat ganti aja dengan 3 berapapun yang anda suka.

direction="down" => menunjukkan arah gerakannya kebawah, apabila ingin yang lain ganti aja dengan up, left, ataupun right

width="50% => "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, anda bisa menggantinya dengan 30%, 100% atau berapapun yang anda inginkan.

height="200" => "200" menunjukan tinggi dari marquee sebesar 200px, anda juga bisa menggantinya dengan berapapun yang anda inginkan.

Lihat hasilnya:

Mir Blogspot

Free Blog Teamplates

Siska Blog

2. Blogroll dengan Drop down menu

<form>

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

<option> - Blogroll - </option>

<option value="#">Mir Blogspot</option>

<option value="#">Free Blog Teamplates</option>

<option value="#">Siska Blog</option>

</select>

</form>

Lihat hasilnya:

3. Blogroll Urut kebawah

<option selected="selected" style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="#"/>Sahabatku
<option value="#">Mir Blogspot

<option value="#">Free Blog Teamplates

<option value="#">Siska Blog

<option value="#">Catatan Oktavia

<option value="#">Faisal Blog

</select>

Lihat hasilnya: