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 blogkita.
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!
























































































1 komentar:

 
DISCLAIMER : Wenda ShopOnline™ | Online Shop and Share Anything: Membuat Blogroll is an Independent Blog that is private. This does not represent the Company, Agency or any Organization. All content on this blog aims to promote and share information.