Nah mungkin tutorial ini dapat membantu, meskipun ini sederhana namun cukup cantik bila dipasang di blog kita. Manfaatnya juga agar tampilan lebih minimalis. Jadi jika kita memiliki Link yang cukup banyak tak kan jadi masalah.

1. 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="#">Amir Oktavia Blogspot</option>

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

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

</select>

</form>


Lihat hasilnya:






2. 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="#">Amir Oktavia Blogspot

<option value="#">Free Blog Teamplates

<option value="#">Siska Blog

<option value="#">Catatan Oktavia

<option value="#">Faisal Blog

</select>


Lihat hasilnya:


3. Blogroll Dengan Marquee
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="300px" height="100px">
<a href="#" target="_blank">Amir Oktavia 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="300px" => "300px" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, anda bisa menggantinya dengan 30%, 100% atau berapapun yang anda inginkan.

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

Lihat hasilnya:

Amir Oktavia Blogspot

Free Blog Teamplates

Siska Blog

0 komentar:

Posting Komentar

Copyright 2010 Tutorial, Tips & Trik..!!