CARA MEMBUAT BLOGROLL MODEL MARQUEE
Rabu, 17 Juli 2013
0
komentar
Contoh membuat blogroll dengan perintah marquee :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >
<a href="http://blogger-copast.blogspot.com" target="_blank">Home</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/about.html" target="_blank">About</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/link.html" target="_blank">Link</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/archive_10.html" target="_blank">Archive</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/team.html" target="_blank">Site Map</a>
<br/><br/>
</marquee>
Maka nanti yang akan tampil pada blog kita adalah seperti ini :
Sedikit clue biar agak jelas. Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat. Kode yang bisa di rubah adalah :
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"
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%" , width="100%"
height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .
Ada variasi lain, yaitu dengan memakai tabel, contoh :
<table border="3" 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://blogger-copast.blogspot.com" target="_blank">Home</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/about.html" target="_blank">About</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/link.html" target="_blank">Link</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/archive_10.html" target="_blank">Archive</a>
<br/><br/>
<a href="http://blogger-copast.blogspot.com/p/team.html" target="_blank">Site Map</a>
<br/><br/>
</marquee>
</td>
</tr>
</table>
Maka hasilnya akan seperti di bawah ini :
Categories:
Cara Membuat Blog Dan Mepercantik Blog
0 komentar:
Posting Komentar