Pages

Monday, August 1, 2011

Cara menghilangkan gambar tangan dan obeng

Pada Artikel kali ini saya akan memberikan trick / cara untuk menghilangkan gambar tangan dan obeng waktu design blog ., berikut tutor nya ...!!
  1. Login to Blogger (Login ke Blogger) » Lakukan Login ke Blogger dengan memasukkan User Name atau alamat email dan Password.
  2. Lay Out (Tata Letak) »» KLIK link "Tata letak (Layout)".
  3. Edit HTML »» KLIK "Edit HTML".
  4. ]]></b:skin> »» Cari kode " ]]></b:skin> ", kemudian letakkan kode html di bawah ini tepat di atas ]]><b/:skin.
  5. .quickedit{
    display:none;
    }
  6. SAVE Template (Simpan Template) »» KLIK "Simpan Template"

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 !!!