Sunday 28 April 2013

Clickplosion cursor effect

4 Comment(s) so far

Assalamualaikum dan selamat malam semua...^^, sihat ? ada orang yang request tutorial nie kat ask.fm...


Lain kali kalau nak request tutorial jangan lupa tinggalkan blog url taw...supaya senang saya nak inform kalau saya dah buat tutorialnya...tau tak clickplosion tuw ape? kalau tak tahu 

PREVIEW HERE...click everywhere in the blog...this tutorial is about the tinkerbell effect when clicking anything...

Dashboard --> Template --> edit html

Firstly : copy the code below...

<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
//                     blue    red     green   purple  cyan    orange  pink

/****************************
*   Clicksplosion Effect    *
* (c) 2012 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
  var i, j;
  window.onscroll=set_scroll;
  window.onresize=set_width;
  document.onclick=eksplode;
  set_width();
  set_scroll();
  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
  }
}}

function createDiv(char, size) {
  var div, sty;
  div=document.createElement('div');
  sty=div.style;
  sty.font=size+'px monospace';
  sty.position='absolute';
  sty.backgroundColor='transparent';
  sty.visibility='hidden';
  sty.zIndex='101';
  div.appendChild(document.createTextNode(char));
  return (div);
}

function bang(N) {
  var i, Z, A=0;
  for (i=sparks*N; i<sparks*(N+1); i++) {
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
 else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
 }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
 decay[i]--;
}
else A++;
  }
  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
  var x, y, i, M, Z, N;
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
  N=++count%bangs;
  M=Math.floor(Math.random()*3*colours.length);
  intensity[N]=5+Math.random()*4;
  for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
  }
  clearTimeout(timers[N]);
  bang(N);
}

function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min-7;
  shigh=sh_min-7;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
// ]]>
</script>

Then,
for blogskin :
Paste the code after  <html>  OR  <head>
For template designer : Denim , simple , watermark or whatever...
Paste the code before <head>

The Notes :
Colourfull text : Colour code you can change it into another colour Color Code here..

Okay if you not understand anything just ask me...^^ do comment if you use this tutorial...

NO RE-TUTORIAL !!!

Saturday 27 April 2013

Status box 2

4 Comment(s) so far

Assalamualaikum dan selamat sejahtera semua...hari nie saya nak buat tutorial pasal status box lagi...kali ni jenis simple jugak tapi lebih cantiklah agaknya... :-D

Firstly like usual :

Template designer Denim, simple or whatever  :
Dashboard --> Layout -->add gadget --> HTML/Javascript --> Copy and Paste the code that I'm gonna give in the HTML/Javascript box...

Blogskin :
Dashboard --> Template --> Copy and Paste the code that I'm gonna give everywhere you like in your sidebar code...


THE PREVIEW

The codes :


<fieldset><legend><img src="URL MY STATUS"/></legend>
<center>Welcome to my blog...Leave footprint so,I can visit you back...Thanks for coming...^^</center><center>DATE</center></fieldset>
The notes :

FUCHSIA : Your notes or status...
BROWNIE : The date or name maybe...
BLUE TEXT : URL of the cute icon or you can use the text that I have made below...
Just copy the URL that I have given for each images...


http://i.imgur.com/w087OP3.png

http://i.imgur.com/wqjdwbM.png

http://i.imgur.com/WJnGkk4.png

http://i.imgur.com/AgNTC94.png

http://i.imgur.com/8EcZ8Cl.png

http://i.imgur.com/Eh0cKk9.png

http://i.imgur.com/vLdsTls.png

http://i.imgur.com/7slDPRU.png


Ok...itu sahaja...maaflah kalau tak faham apa yang saya tulis...saya tulis dalam bahasa inggeris sebab supaya senang orang yang tak faham bahasa Malaysia nak buat...hihi...kalau dok paham tanyolah yer...

Do comments and credit if you use this tutorial or my freebies...

Original code by : Kak Lyssa...

Thursday 25 April 2013

Simple status box

5 Comment(s) so far

Assalamualaikum dan selamat sejahtera semua...ape khabar ? ^^
disebabkan ada orang request tutorial nie saya buatlah...kalau nak guna code status box nie comment taw...nie yang simple version punya laen kali saya buat yang awesome version punya...ngee...nie contoh status box nya...

My status

   Welcome to my blog...Leave footprint so,I can visit you back...Thanks for coming...^^  

For template designer user :
Dashboard --> Layout --> Add gadget --> scroll down --> choose HTML / Javascript...

For Blogskin user :
Dashboard --> Template --> put the code anywhere you want it to appeared...

The codes :

<center style="text-align: center;"><span class="Apple-style-span"    style=" ;font-family:verdana;font-size:13px;color:#555555;"><b>My status</b></span></center><br />
<div style="Background-image:url(URL BACKGROUND); repeat; padding: 3px; border:1px solid #FFC2E0;"><center><marquee><img border="0" src="URL ICON" />&nbsp;YOUR STATUS HERE&nbsp;<img border="0" src="URL ICON" /></marquee></center>
</div>
The notes :

BLUE : Url background...
RED : Colour code... HERE
ORANGE : Put your own status....
GREEN : Small icon Url...You can take what I have found below...or go HERE

Right click --> copy image url...

  :35:            

Just ask me if you don't understand anything...it's a great pleasure to help you...^^
Credit are really appreciated...

Pengalaman membeli di Zalora

Be the first to comment!

Assalamualaikum dan selamat sejahtera semua...^^,
Haa...nampak tak tajuk tuw? tipu sangat tak nampak...=,= Tajuk entri nie Pengalaman membeli di Zalora...
sebenarnya dah lama nak update entry nie tapi malas pulak...lagi pown tak ade masa sangat sekarang nie...asyik balik lambat jer...

Saya dapat baucar zalora nie masa hari selasa minggu lepas...dah lama dah...saya tertarik untuk dapat baucar nie sebab selalu baca entri pasal baucar nie lah...lepas tuw saya pown search lah kat google macam mana cara nak dapat baucar nie...lepastu terjumpa entri nie...KLIK >< terima kasih sebab buat entri tuw... :')

Nak tahu tak apa yang saya beli?

Saya beli kasut ballerina jenama Koumi-koumi...warna hitam plus pink...
ini kasutnya...

 

Saya order kasut nie masa hari selasa tuw jugak...lepastu tak sampai 24 jam pown kasut tuw dah sampai... saya order dalam pukul 7 malam order tuw sampai masa pukul 3 petang esoknya...cepat kan dia sampai...
harga kasut tuw RM49.90...saya tak dikenakan caj tambahan langsung...sebab saya duduk kat Johor mungkin sebab dalam semenanjung Malaysia lagi...

Tetapi malangnye saya salah pilih saiz kasut...T,T panjang kaki saya 24cm jer...tapi panjang kasut tuw 28cm...saya beli saiz 40...ingatkan saiz setiap kasut sama jer...tapi boleh tukar saiz dengan cara pos kasut tuw ke alamat Zalora dengan menggunakan pos laju...boleh tukar saiz sampai 30 hari selepas penghantaran..

Saya tak pandai nak post barang nie...sebab tuw saya tak tukar-tukar lagi saiz...InsyaAllah nanti saya tukar...C'; Zalora merupakan laman web shopping online yang pertama saya guna...InsyaAllah kalau dah kerja nanti saya shopping lagi kat Zalora... ;-) sekarang sekolah lagi masih guna duit mak ayah...

Cara nak bayar pown senang kan...cash in delivery...mereka hantar kita bayar...tak payahlah susah-susah nak bank in or whatever... :-D  so,tunggu apa lagi ?


P/S : Sebenarnya saya pown tak sangka yang saya ada bakat jadi promoter yang berjaya...hihi...terima kasih Zalora... :')
Ok...assalamualaikum dan semoga berjaya di dalam hidup...

Saturday 20 April 2013

Background floral

1 Comment so far

Assalamualaikum dan selamat sejahtera semua...hari nie saya nak bagi background percuma lagi...saya dapat  background nie dari http://fairycandlesxo.tumblr.com/ ...

If you want to copy image url...
Firstly click image --> Right click --> Copy image url / Copy image location...

If you want to save the image...
Click image --> Right click --> Save image as...

      

      

      

      

Kalau rajin comments dan credit yer...satu lagi cuba awak tengok blog saya kat dashboard awak...tajuk blog saya   //Kawaii girl...  kalau dia kata this blog cannot be find atau yang lebih kurang macam tu lah... Unfollow saya dan follow saya semula guna follower widget atau guna perkataan...dua2 dah boleh sekarang...dulu je problem masa saya guna blogskin...ok terima kasih awak... <3

Sekarang saya dah tak update tutorial sebab tak tahu nak update tutorial ape... kalau nak request tuto requestlah kat cbox yer...kalau nak request header atau cursor pown boleh...saya buat free jer...
 Ok...see you again in my next post...

Saturday 13 April 2013

Background wood

3 Comment(s) so far

Assalamualaikum dan hai semua...harini saya nak bagi freebies wood background iaitu background kayu... background nie saya dapat kat tumblr...jadi credit to owner lah yer...
Kalau nak amik tinggalkan comment yer...

Cara nak ambil :
Click image for real size--> Right click --> Copy image address / Copy image location
kalau nak save :
Click image for real size --> Right click --> Save image as...

    

    

    










Oklah itu sahaja...sekian terima kasih...