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>- 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>
- 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>
Posting Komentar