Senin, 06 Agustus 2012

Script Untuk Membuat Efek Salju

0 komentar


Script untuk Membuat Efek Salju adalah sebagai berikut:


<script type='text/javascript'>
//Snow alias salju hehehe...

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 30; //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//tamat
</script>


Untuk caranya seperti biasa:
1. Click "Tata Letak"
2. Click "Edit Laman"
3. Click "Tambah Gadget" pilih "HTML/javascript"

Cara Menambahkan Tulisan Melayang Di Blog Dan Float Image Yang Berjalan

0 komentar


Untuk menambahkan tulisan melayang beserta float image berjalan ke blog kamu?
Caranya:
1. Letakkan code berikut ini di atas code ]]></b:skin>:


#hehehe_asepjikuganteng {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#hehehe_asepjikuganteng {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


2. Kemudian letakkan juga code berikut ini di atas </body>:


<center><div id="hehehe_asepjikuganteng" style="" width="100%"><marquee direction="left"><img src="
http://i759.photobucket.com/albums/xx232/asepjiku/hihi/3.gif" /><a style="font-size: 20px; color: rgb(0, 255, 0);">blogwalking.. Selamat datang di blog saya.</a></marquee></div></center>

Ganti URL (link gambar) yang berwarna biru dengan URL/link tempat gambar kamu disimpan!
Ganti juga tulisan yang berwarna kuning sesuka hatimu..! Bebas koq, ngga ada yang melarang. Hehehe...
Untuk contoh blognya di blog saya yang lain click di sini

Cara Membuat Salam Pembuka Dan Penutup Di Blog

0 komentar


ript ini sudah ada di postingan Script Unik untuk Menyambut Pengunjung. Namun jika sobat ingin yang lebih simpel, scriptnya sebagai berikut:


<SCRIPT quality='high' type='text/javascript'>
var name = prompt("
Welcome!!! di serdadu-banten.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("
SELAMAT DATANG DI serdadu-banten.blogspot.com Kami sarankan anda memakai browser Mozilla Firefox. ")
// goodbye alert
function goodbye(){
alert('
Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>


Ganti alert yang berwarna merah sesuka hatimu, hehe..
Cotoh blognya click di sini
Selamat mencoba...

About me

Maaf Ya, Di Blog Ini Tidak Di Ijinkan Untuk Klik Kanan

Powered By Blogger
Diberdayakan oleh Blogger.
 
Minima 4 coloum Blogger Template by Serdadu Banten.
Simplicity Edited by Serdadu Banten's Template