Pages

Wednesday, August 3, 2011

Cara Mengganti Cursor Pada Blog

Pagy sobat" semua..!!
hari ini saya akan menjelaskan tentangCara Mengganti Cursor Pada Blog ..!
Langsung Ke TKp..!


  1. Seperti biiasa Login Ke Dasboard
  2. Masuk ke Tata Letak / Rancangan 
  3. Tambah Gadget
  4. Masukan Script di bawah ini 

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/firepurple.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/firepurple.gif"), auto;}
</style> 

      5.  Text berwarna Merah & Oranye ganti dengan Url cursor anda sendiri ..!!
Beberapa Web menyediakan cursor :
       6.   Klo bisa kabari yah..!!

Tuesday, August 2, 2011

UpLoad Lagu pada Blog - - ☺ - -

Pagy cemua ., puasa nggak nih.,.!!
buat ngisi puasa mending ngedit blog aja ., .,!! (lebih menantang)

., Sesuai judul nya yaa..! Upload Lagu pada blog atau buat bikin rame blog biar gg sepi kayak 
kuburan (lebay.com)hehehe.,.
., okay serius mode on ..Langsung aja ya menuju TKP --☺-- 


seperti biasa 
1. Buka link di samping --->>  http://www.uploadmusic.org/
2. Click browse --> pilih file lagu yang ingin di upload --> setelah itu click Upload
3. Tunggu ampe selesai 
4. Klo udah selesai disana ada dua bagian script ., pilih salah satu trus copy script tersebut ..!
  • Script yang di atas itu untuk auto play (disana juga udah ada tulisanya )
  • Script yang di bawah untuk manuak play (disana juga udah ada tulisanya )
5. Sekarang LOgin ke dashboard
6. Ke Tataletak 
7. Tambah elemen
8. Paste Script yang udah di copy tadi
9. Simpan
10. lihat hasilnya  + kalau udah work Kabarin yaw.,!




Semoga Artikel Diatas Membantu ...!!

Monday, August 1, 2011

Cara Menjadikan 2 script / lebih pada satu elemen box

Allow semua ., masih semangat nggak nih Design blog nya ..?? semoga aja tetap semangat ..
pada artikel ini saya akan menjelas kan tetang Cara Menjadikan 2 script / lebih pada satu elemen box .,
langsung To the point aja ya..!!
 
1. berikan tanda <br> pada akhir script
     contoh script efek salju dan efek daun 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><br>
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

2. Script yang sebelum tanda <br> adalah script efek salju dan script setelah tanda <br> adalah script
     efek daun.jadi tanda <br> adalah pemisah atau juga bisa di sebut Bersambung


3. alahasil sekarang anda bisa menyambung beberapa script dengan memberi tanda tersebut...!!


4. sekian terimakasih ., klo berhasil kabarin yee...!!

Cara Mengganti Logo Blogger

Langsung aja ya mas" mbak" nya..!

1. Login ke blogger 
2. Tata Letak / Rancangan
3. Elemen Laman --> pada pojok ada tulisan Favicon "click edit"
    Lebih Jelasnya lihat gambar

  

4. Click Browse "pilih gambar yang di inginkan "
        nb: gambar minim berukuran di bawah 1 mb 
5. Simpan dan lihat hasilnya
6. klo udah kabari saya

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