Posted by : G.T.K.C NOCTURNAL Rabu, 06 Juni 2012

Menempatkan efek salju pada pada blog mungkin sudah banyak digunakan bagi blogger yang senang dengan menempatkan efek pada blognya, dan akibatnya loading dari halaman blog jadi lebih berat karena tampaban script efeknya yang menggunakan file image untuk itu, nah tips berikut saya berikan untuk efek salju tanpa menggunakan image.seperti yang anda lihat dipostingan ini, Hmm menarik bukan.

Tidak usah panjang kali lebar pengantarnya langsung menuju ke tutorial ok!.


  • Nah untuk ynag baru coba-coba untuk mengedit template, saya saran kan untuk membackup terlabih dahulu template anda dan atau ketika anda telah memasang kode jangan langsung di Save/Simpan, sebaiknya di preview/pretinjau aja dulu.
  • Login ke account blogger anda, klik rancangan/layout lalu klik edit HTML
  • Tempat kode script berikut sebelum, tag </body> :
<script type="text/javascript">
//Snow - http://www.btinternet.com/~kurt.grigg/javascript
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 30; //JUMALH BUTIRAN SAJU YANG ANDA INGINKAN
var timer = 30; //WAKTU/KECEPATA EFEK SALJU
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);
}
})();
}//End.
</script>
Lalu SAVE TEMPLATE anda.

  • Jika terjadi kesalahan dalam pinyimpanan anda bisa coba cara berikut :
  • Copy kode script di bawah, cara penempatannya sama seperti diatas hanya saja kode scriptnya telah saya disimpan dalam hosting tersendiri, jadi tinggal memasang kode script untuk memanggil kode yang lumayan panjang diatas. 
<script src='http://marewainfo.googlecode.com/files/efeksaljutnoimage.js' type='text/javascript'/>
Semoga Berhasil ^_^ ....

Leave a Reply

Subscribe to Posts | Subscribe to Comments

SELAMAT DATANG DI BLOG GUE YANG SEDERHANA INI,,,JANGAN LUPA LIKE FP NYA ATAU FOLLOW TWITTERNYA TAPI SAAT INI BELUM ADA LINK FP ATAU TWITTER NYA ^_^,,,JANGAN BOSAN MAMPIR YA