May 18, 2011

Bikin Blogroll Sederhana


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.


Dengan Blog roll menambah semaraknya Blog Anda...!

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..