25/10/11

Tutorial cara buat efek polka dot pada blog


Tutorial cara buat efek polka dot pada blog By Blogger BLog Tutorial

Efek ni memang best bagi mereka yang meminati polska dot..Live demo pada entri ni kurang mantap sebab aku set kan kaler pada main wraper..kalau aku x set kaler pada main wraper..mesti lagi terserlah keayuan efek ni...lalala

cara pasang efek polskadot pada blog macam biasa la...desbot---desaign---ada gadget---html / javascript...copy code di bawah kemudian paste...lepas tu save...


<script type="text/javascript">
// <![CDATA[
var colsel=new Array('#edf', '#dbf', '#c9f', '#b7f', '#a5f', '#93f'); // colours for animation - last colour is the 'background'
var speed=100; // speed of animation, lower is faster

/***************************\
* Blob space Graphic Effect *
* (c)2010 mf2fm web-design  *
*  http://www.mf2fm.com/rv  *
*Tutorial by Polskahackrew*
\***************************/

window.onload=whizzy;
var div;
var ring=new Array();
var swide=screen.width;
var shigh=screen.height;
var count=0;
var roun=0;
var nour=0;
function whizzy() {
    var i, dvs;
    div=document.createElement('div');
    dvs=div.style;
    dvs.position='fixed';
    dvs.left='50%';
    dvs.top='50%';
    dvs.width='1px';
    dvs.height='1px';
    dvs.overflow='visible';
    dvs.zIndex='-1';
    i=document.body.style.backgroundColor;
    if (document.body.parentNode) {
        if (i) document.body.parentNode.style.backgroundColor=i;
        document.body.style.backgroundColor="transparent";
    }
    document.body.insertBefore(div, document.body.firstChild);
    for (i=0; i<30; i++) ring['col'+i]=new Array();
    add_blobs();
    zoomer();
}

function add_blobs() {
    var f, h, i, j, k, w;
    for (i=50; i<swide*1.5;) {
        f=Math.floor(10+140*(i/swide)); // from 10 to 150
        ring['row'+count]=new Array();
        for (j=0; j<30; j++) {
          h=-f/8+i/2*Math.cos(Math.PI*j/15);
          w=f/5+i/2*Math.sin(Math.PI*j/15);
          if (h-f/2>shigh/2 || h+f/2<-shigh/2 || w-f/2>swide/2 || w+f/2<-swide/2) continue;
          k=document.createElement('div');
          dvs=k.style;
          dvs.position='absolute';
          dvs.left=w-f/2+'px';
          dvs.top=h-f/2+'px';
          dvs.color=colsel[colsel.length-1];
          k.appendChild(document.createTextNode(String.fromCharCode(9679)));
          k.style.fontSize=f+'px';
          ring['row'+count][j]=k;
          ring['col'+j][count]=k;
          div.appendChild(k);
        }
        count++;
        i+=f*2;
    }
    nour=count;
}

function zoomer() {
   for (var i=0; i<30; i++) {
     var tc=Math.abs(-nour+roun)%(count-2);
     if (tc<colsel.length && ring['col'+i][roun]) ring['col'+i][roun].style.color=colsel[tc];
   }
   if (++roun==count) {
     roun=0;
     nour++;
     setTimeout('zoomer()', speed);
   }
   else zoomer();
}
// ]]>
</script>


untuk tukar kaler polskadot tu..tukar ja code yang kaler pelik tu..sekian...

2 ulasan:

Aqmil Lambung berkata...

aku da try pasang efek sembur,jam digital ikut mouse,dengan polka dot.

efek sembur je yg jadi, yg lain x de.
bila aku buang efek sembur baru keluar jam.

javascript x boleh letak banyak2 eh??

Polskahackrew berkata...

terdapat kata arahan yang sama pada script tu..sebab tu jadi bug bro..lagi pun jangan letak banyak sgt javascript bro..nanti blog berat..tukar2 la script setiap minggu..atau bulan..kalau rajin..hari2 hehe..thanks bro..('',)

entri ja

Related Posts Plugin for WordPress, Blogger...