Tuesday 27 January 2009

Membuat Blogroll


Membuat Blogroll atau Kategori blog yang ingin anda masukkan,baik itu dalam suatu posting maupun halaman html khusus untuk sidebar maupun footer,kadang akan memakan banyak tempat jika kategori terlalu panjang/banyak.

Di sini saya akan coba membuat contoh blogroll yang dapat menghemat tempat/halaman blog kita.

Untuk membuat/menghemat halaman web/blog,kita bisa menggunakan Fungsi scrollbar,dropdown,marquee,dll.


Seperti postingan saya sebelumnya,bagaimana membuat text berjalan,fungsi scrollbar,dropdown maupun marquee.


Tapi nggak ada salahnya jika saya mengulang memberikan kode-kode tersebut di sini (biar lebih ringkas,he..)



  • Untuk kode Dropdown :


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

<option># Dropdown # </option>
<option value="http://pelajaran-blog.blogspot.com">Contoh 1</option>
<option value="http://pelajaran-blog.blogspot.com">Contoh 2</option>
<option value="http://pelajaran-blog.blogspot.com">Contoh 3</option>
<option value="http://pelajaran-blog.blogspot.com">Contoh 4</option>
<option value="http://pelajaran-blog.blogspot.com">Contoh 5</option>
</select>
</form>


Hasilnya seperti di bawah ini :




  • Untuk kode Marquee :


<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2"
direction="up" width="100%" height="200"
>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 1</a><br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 2</a><br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 3</a><br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 4</a><br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 5</a><br/><br/>
</marquee>


Hasilnya akan seperti di bawah ini :




  • Untuk kode Marquee dalam tabel/kotak :


<table border="2"
width="155" height="130" cellpadding="2">
<tr>
<td align="left">
<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="2" direction="up" width="100%"
height="200">
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 1</a>
<br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 2</a>
<br/><br/>
<a href="http://pelajaran-blog.blogspot.com"

target="_blank">Contoh 3</a>
<br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 4</a>
<br/><br/>
<a href="http://pelajaran-blog.blogspot.com"
target="_blank">Contoh 5</a>
<br/><br/>

</marquee>
</td>
</tr>
</table>


Hasilnya seperti di bawah ini :


Anda coba dulu baru tahu hasilnya :) duk ! PR..

Gimana? pilih yang mana? selamat mencoba ya!