-->

main | sidebar

Dewi Kia

Indahnya Berbagi

  • Home

About Me

Unknown
Lihat profil lengkapku

Tinggalkan Pesan disini

Link Sahabat
  • Ilmugrafis Indonesia
  • Dewi Kia
  • Archive

    • ▼  2013 (55)
      • ►  Desember (1)
      • ►  Juli (5)
      • ▼  Maret (11)
        • Cara memasang widget translate dari Gtranslate di ...
        • Cara Disable Highlight Text Di Blog
        • Kursor Berkilauan / sparkle
        • Efek bubble pada kursor
        • Kursor bertabur love
        • Memasang Copyright pada blog
        • Template keren untuk blogger
        • Icon di sebelah jumlah "comment"
        • Timbang Berat Blog
        • Cara memasang widget IP adress pengunjung blog
        • Cara Pasang Statistik Visitor Histats di Blog
      • ►  Februari (19)
      • ►  Januari (19)
    • ►  2012 (1)
      • ►  November (1)

    Popular Posts

    • Wanita Terkurus Di Dunia, Di Amerika
      Di Amerika, seorang gadis asal Texas berusia 21 tahun, Lizz ie Velasquez , menderita sindrom langka yang tak terduga telah mencegah penambah...
    • Template keren untuk blogger
      Hai, aku  punya beberapa tempat download template keren ( menurut saya ^^ ), kamu bisa download templatenya gratis..tis...tis...^^ ...
    • Cara membuat efek aquarium Di blog
      Halo teman-teman blogger, kali ini saya mau membahas tentang cara membuat efek aquarium di blog.  Bagi yang minat ikuti langkahnya dibawa...
    • Mengapa Mozilla Firefox Sangat Lambat
      Firefox menjadi lambat karena terjadi suatu masalah/kerusakan. Solusinya adalah memperbaiki kerusakan tersebut. Tapi jika ingin mempercep...
    • Cara Membuat ChatBox menjadi keren Part 1
      Sebelumnya saya sudah membahas cara membuat akun cbox dan cara memasangnya diblog... Sekarang saya akan kasih tau cara membuat chatbox m...


    Diberdayakan oleh Blogger.

    Selasa, 12 Maret 2013

    Efek bubble pada kursor

    di 7:19:00 PM

    Untuk membuat effect cursor mengeluarkan bubble di dalam blog anda, ikutin tutorial di bawah:

     Log in akun blogger kamu
     Dashboard > Design > Add A Gadget > HTML / Javascript
     Pada ruang HTML / Javascript, copy paste kode di bawah

    <script type="text/javascript" src="https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js"></script><script type="text/javascript">
    // <![CDATA[
    var colours=new Array("#FFFF33", "#FFFF33", "#FFFF33", "#FFFF33", "#FFFF33"); // colours for top, right, bottom and left borders and background of bubbles
    var bubbles=100; // maximum number of bubbles on screen
    /****************************
    * JavaScript Bubble Cursor *
    * (c) 2010 mf2fm web-design *
    * http://www.mf2fm.com/rv *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var bubb=new Array();
    var bubbx=new Array();
    var bubby=new Array();
    var bubbs=new Array();
    window.onload=function() { if (document.getElementById) {
    var rats, div;
    for (var i=0; i<bubbles; i++) {
    rats=createDiv("3px", "3px");
    rats.style.visibility="hidden";
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="1px";
    div.left="0px";
    div.bottom="1px";
    div.right="0px";
    div.borderLeft="1px solid "+colours[3];
    div.borderRight="1px solid "+colours[1];
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="0px";
    div.left="1px";
    div.right="1px";
    div.bottom="0px"
    div.borderTop="1px solid "+colours[0];
    div.borderBottom="1px solid "+colours[2];
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.left="1px";
    div.right="1px";
    div.bottom="1px";
    div.top="1px";
    div.backgroundColor=colours[4];
    div.opacity=0.5;
    if (document.all) div.filter="alpha(opacity=50)";
    document.body.appendChild(rats);
    bubb[i]=rats.style;
    }
    set_scroll();
    set_width();
    bubble();
    }}
    function bubble() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<bubbles; c++) if (!bubby[c]) {
    bubb[c].left=(bubbx[c]=x)+"px";
    bubb[c].top=(bubby[c]=y)+"px";
    bubb[c].width="3px";
    bubb[c].height="3px"
    bubb[c].visibility="visible";
    bubbs[c]=3;
    break;
    }
    }
    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
    setTimeout("bubble()", 40);
    }
    function update_bubb(i) {
    if (bubby[i]) {
    bubby[i]-=bubbs[i]/2+i%2;
    bubbx[i]+=(i%5-2)/5;
    if (bubby[i]>sdown && bubbx[i]>0) {
    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
    bubb[i].width=bubbs[i]+"px";
    bubb[i].height=bubbs[i]+"px";
    }
    bubb[i].top=bubby[i]+"px";
    bubb[i].left=bubbx[i]+"px";
    }
    else {
    bubb[i].visibility="hidden";
    bubby[i]=0;
    return;
    }
    }
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sleft;
    x=(e)?e.pageX:event.x+sdown; }
    window.onresize=set_width;
    function set_width() {
    if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (typeof(self.innerHeight)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    else {
    swide=800;
    shigh=600;
    }
    }
    window.onscroll=set_scroll;
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (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;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height;
    div.style.width=width;
    div.style.overflow="hidden";
    return (div);
    }
    // ]]>
    </script>

    # Untuk mengganti warna bubble, ganti kode berwarna merah dengan kode warna pilihan kamu.
    Pilihan kode warna bisa kamu dapetin di sini 

     Klik Save dan lihat hasilnya.

    Selamat mencoba


    ----Indahnya Berbagi----

    TOP

    0 komentar:

    Posting Komentar

    Posting Lebih Baru Posting Lama Beranda

    Follow twitter saya ya

    Blogger Widgets

    Translate

    ArmenianChinese (Simplified)EnglishFilipinoFrenchGermanItalianKoreanMalaySpanishThaiVietnamese

    Total Tayangan Halaman

    Visitors

    Flag Counter

    Pengikut



    .:.Dewi kia Blog ♥.:.




    Designed by SkinCorner Free Blogger Templates | Image from Wallcoo
    Copyright© All Rights Reserved dewikia.blogspot.com