Hujan Salju Di Blogger
Apakah anda melihat ada sesuatu yang berbeda di blog saya? , ya butir butir putih layaknya salju berjatuhan . Ini adalah javascript yang menarik yang saya dapat dari http://www.green-hacker.org . Apakah anda berpikir untuk menggunakannya langsung saja mencopykan script tersebut di "edit html" pada blogspot . Apabila itu yang anda lakukan maka pesan error dari blogspot yang anda dapat , oleh karena itu ikuti langkah saya dalam menggunakannya di blogspot .
disini ada dua bagian script yang akan diletakan di <head> , dan yang satu lagi diletakan diantara <body> . berikut scriptnya .
langkah pertama :
-letakan script berikut ini di antara tag <head>
------------------------------------------------------------
<style type="text/css">
.snow {
position:absolute;
layer-background-color:lightblue;
visibility:visible;
top:-50px;
font-size:1px;
background-color:lightblue;
}
</style>
------------------------------------------------------------
Langkah ke dua :
-Letakan script berikut d antara tag <body>
------------------------------------------------------------
<script language="javascript">
var snowflakes=50; //NUMBER OF OBJECTS YOU WANT.
var level=2; //SPEED LEVEL 1 to 5. 1=SLOWER, 5=FASTER
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var t='';
var w_x, w_y;
var snow=new Array();
for(i=1;i<=snowflakes;i++)t+='<div id="snow'+i+'" class="snow"></div>';
document.write(t);
function getstartpos(obj){
obj.size=Math.floor(Math.random()*5)+1
obj.ystep=obj.size*level;
obj.xstep=obj.ystep/5;
if(ns4)obj.clip.width=obj.clip.height=obj.size;
else obj.style.width=obj.style.height=obj.size;
moveidto(obj,Math.floor(Math.random()*w_x)-obj.size,0);
}
function movedrop(){
for(i=1;i<=snowflakes;i++){
var l=(ns4)?snow[i].left:parseInt(snow[i].style.left);
var t=(ns4)?snow[i].top:parseInt(snow[i].style.top);
var pxo=(ie4||ie5)?document.body.scrollLeft:pageXOffset;
var pyo=(ie4||ie5)?document.body.scrollTop:pageYOffset;
if( (t+snow[i].ystep+snow[i].size>=w_y+pyo) || (snow[i].xpos-snow[i].size<pxo)) getstartpos(snow[i]);
else moveidto(snow[i], l-snow[i].xstep, t+snow[i].ystep);
}}
function getwindowdims(){
w_x=(ie4||ie5)? document.body.clientWidth:window.innerWidth;
w_y=(ie4||ie5)? document.body.clientHeight:window.innerHeight;
}
function moveidto(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)',400);
else getwindowdims();
}
window.onload=function(){
level=Math.max(Math.min(5,level),1)
getwindowdims();
for(i=1;i<=snowflakes;i++){
snow[i]=(ns4)?document.layers['snow'+i]:(ie4)?document.all['snow'+i]:document.getElementById('snow'+i);
getstartpos(snow[i]);
moveidto(snow[i],Math.floor(Math.random()*(w_x-10)),Math.floor(Math.random()*(w_y-10)));
}
setInterval('movedrop()',50);
}
</script>
------------------------------------------------------------
Masuklah ke blogspot.com lalu login . Masuk ke tata letak , lalu pilih edit html . centang expand template widget . buka jendela baru masuklah ke website http://blogcrowds.com/resources/parse_html.php , lalu copy script pertama lalu klik tombol "parse" . setelah selesai copy script yang tadi sudah di parse lalu paste kan script tersebut tepat diatas tag </head> .
lakukan hal yang sama pada script yang kedua , lalu paste kan hasilnya tepat dia atas tag </body> . Setelah itu klik save template . Lalu lihat hasilnya , apabila belum efek belum keluar coba gunakan internet explorer .
0 Comment
