Sudah lihat tampilan sederhana blog saya kan.. ya di bagian kanan blog saya ini terdapat sebuah profile badge facebook kepunyaan saya.. Bagaimana menampilkan profile badge di facebook? Anda bisa melihat artikel saya sebelumnya [ klik disini ]
Berminat membuat objek seperti itu di blog anda? tidak susah koq.. Mari kita buat..
Pertama, buka dahulu bagian control layout blog anda lalu klik menu edit HTML
copy script dibawah ini :
<script language='JavaScript' type='text/JavaScript'>
function Scroller(){
if (document.all) Offset=document.body.scrollTop;
else Offset=window.pageYOffset;
document.getElementById('object1').style.top=Offset+'px';}
setInterval('Scroller()',100);
</script>
paste script di atas sebelum tag </head> di layout anda. Kemudian save..
Untuk mengatur posisi dari object yang kita tampilkan nantinya, copy dan paste script css berikut sebelum bagian layout seperti ini : css script goes here.... ]]></b:skin>
#object1
{
position:absolute;
visibility:show;
left:0px;
top:0px;
z-index:2;
background-color: #99FF00;
layer-background-color: #99FF00;
border: 1px none #000000;
border-color: #FF0000;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-top-style: solid;
}
save layoutnya kembali.
Lalu setelah tag <body> sisipkan script seperti ini :
<script language='JavaScript' type='text/JavaScript'>document.write("
<div id='object1'>
<table width=140 border=0 cellspacing=20 cellpadding=0>
<tr>
<td bgcolor='#00CCFF'>Scroller Menu</td>
</tr>
</table>
</div>
")/>
lalu save..
Pada bagian di antara tag <div> </div> silahkan anda tambahkan hal-hal yang anda ingin tampilkan... dan jangan lupa untuk mengatur posisi dari scrolling-object anda dan tampilannya melalui style cssnya.. Selamat mencoba...
Will Be Come
Subscribe to:
Post Comments (Atom)
