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
<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 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
<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:
<form>
<option selected="selected" style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="#"/>Sahabatku
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="300px" height="100px">
0 komentar:
Posting Komentar