Membuat BlogRool

Blogroll adalah tempat menyimpan link address milik orang lain pada blog atau website kita.

BlogRool ini gunanya untuk menghemat tempat pada blog pada saat daftar link kita sudah banyak dan menyesakkan body template blog. Ada beberapa cara yang saya tahu untuk membuat blogrool.

Yang pertama seperti ini: Blogroll dengan menu dropdown:

Contoh code HTML/JavaScriptnya sebagai berikut:

<form>

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

<option> - Blogroll - </option>

<option value="http://amatullah83.blogspot.com/">Amatullah's Page</option>

<option value="http://amatullah83.blogspot.com/search/label/Islamic%20Animation">Islamic Animation</option>

<option value="http://amatullah83.blogspot.com/search/label/Blogger%20Template">Free Blogger Templates</option>

<option value="http://amatullah83.blogspot.com/search/label/Tutorial%20Blogger">Tutorial Blogger</option>

</select>

</form>

Alamat URL dan titelnya tinggal anda sesuaikan sendiri!

Yang kedua: Membuat blogroll dengan perintah marquee :

Contohnya seperti ini:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://amatullah83.blogspot.com/" target="_blank">Amatullah's Page</a>
<br/><br/>
<a href="http://amatullah83.blogspot.com/search/label/Islamic%20Animation" target="_blank">Islamic Animation</a>
<br/><br/>
<a href="http://amatullah83.blogspot.com/search/label/Blogger%20Template" target="_blank">Free Blog Template</a>
<br/><br/>
<a href="http://amatullah83.blogspot.com/search/label/Tutorial%20Blogger" target="_blank">Tutorial Blogger</a>
<br/><br/>

</marquee>

Maka hasilnya seperti dibawah ini

Amatullah's Page

Islamic Animation

Free Blog Template

Tutorial Blogger

Sedikit penjelasan tambahan:

Scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5" dst

Direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .

Width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" dst.

Tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" dst.

Semoga bermanfaat!