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!
0 Comments
