Pages

Monday, August 1, 2011

Cara membuat Efek Salju pada BLog / Snow Effect

Cara membuat Snow Effects :

Cara 1
Login di Blogger --> Tata Letak / Rancangan --> Elemen Halaman --> Tambah Gadget
Masukan Script berikut


<script type="text/javascript">
//<![CDATA[
/* bloggerstuars/gubhugreyot.blogspot.com */
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 
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);
} 
})();}
//]]>
</script>

Cara 2
Login di Blogger --> Tata Letak --> Edit HTML.
Lanjutkan cari KODE </body> kemudian simpan javascript persis di atasnya.KLIK Simpan Template


<script type="text/javascript">
//<![CDATA[
/* bloggerstuars/gubhugreyot.blogspot.com */
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 
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);
} 
})();}
//]]>
</script>
Jangan Lupa kabarin klo dah bisa ^_^

Cara mempercepat loading blog


 Salam Sejahtera buat semua sahabat ., hari ini saya akan menjelaskan tetang cara mempercepat loading blog atau jga bisa disebut memperingan beban blog ., berikut penjelasanya ., monggo !! ---->>>
Compress CSS sebenarnya merupakan bentuk penataan ulang CSS dengan cara dipadatkan sehingga muatannya menjadi lebih kecil. Karena terjadi pengurangan beban blog tentu saja secara otomatis akan meningkatkan kecepatan loading yang sifatnya berbanding terbalik dengan beban blog. Meskipun compress css juga bisa kita lakukan sendiri secara manual, akan tetapi proses ini cukup menyita waktu. Apalagi bagi yang masih belum memahami secara baik tentang KODE HTML, khususnya CSS, tentunya akan membuat faktor kesalahan menjadi semakin tinggi. Bagi yang ingin compress css silahkan kunjungi  :

http://www.cssdrive.com/index.php/main/csscompressor/

Buat yang belum begitu memahami tentang KODE CSS, mungkin sedikit tip di bawah ini bisa membantu.
  1. Lakukan login ke blogger.com.
  2. KLIK Tata Letak.
  3. KLIK Edit HTML (jangan lupa amankan template terlebih dahulu dengan cara KLIK "Download Template Lengkap" kemudian simpanlah di folder PC).
  4. Cari KODE body { dan ]]></b:skin>
  5. KODE yang harus di compress adalah semua KODE yang dimulai dari body } hingga KODE yang terletak di atas ]]></b:skin>
  6. Untuk mempermudah pencarian kode gunakan Ctrl+F.

Oye... ?! Berhubung si Panjul udah lapar, dengan amat menyesal aku mohon pamit dulu. Silahkan dicoba dan lihat hasilnya. 'Ntar klo udah selesai tolong  khabarin aku !!!

Thursday, July 28, 2011

Dino Mode on Counter Strike

Release Dino Mode Plague [Beta 0.0.1]

Preview:
http://www.facebook.com/csfederation#!/csfederation/posts/166639146740789
Link:
http://adf.ly/29u5l
Pass: buatanozzieldandavid

Source