cara memasang NEW cursor ANIMASI BARBIE di blogger | Iv@nk Loew Go.blog Iv@nk Loew Go.blog: cara memasang NEW cursor ANIMASI BARBIE di blogger
Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

LiveZilla Live Help

Minggu, 15 Desember 2013

cara memasang NEW cursor ANIMASI BARBIE di blogger

berikut artikel cara memasang cursor following animasi '' barbie '' pada blog anda...'' cekidot...''
  • login akun blog anda
  • klik TATA LETAK / LAYOUT
  • klik TAMBAH GADGET
  • klik HTML/JAVASCRIPT
  • Copas kode javascript-nya di bawah...''

<style>.dot{position:fixed; padding:0;margin:0;border:0 solid;border-radius:6px;box-shadow:0 0 0 #fff;z-index:10;}
#dot0{visibility: hidden;}</style>
<script type="text/javascript">
//<![CDATA[
function elastic_trail() {
 var f = 6;  /* Jumlah Kursor */
 var g = "http://i41.tinypic.com/250s3l0.gif "; /* Gambar Kursor */
 var h = 0.01;
 var k = 20; /* Jarak */
 var l = 10;
 var m = 1;
 var o = 0;
 var p = 50;
 var q = 10;
 var r = 0.1;
 var s = 0.1;
 var t = 50; /* Ukuran kursor */
 var u = 0.75;
 var v = 0; 
 var w = 0;
 for (var i = f - 1; i > -1; --i) {
  with(document) {
   write('<div class="dot" id="dot' + i + '">\n');
   write('<img src="' + g + '" height="' + t + '" width="' + t + '" alt="">\n');
   write("</div>\n")
  }
 }
 /*@cc_on@*/
 /*@if(@_jscript_version>=5)if(navigator.appVersion.replace(/^.*MSIE (\d+).*$/,'$1')<=6){var x=function(a,n){var b='scroll'+a,d=document,c='compatMode';return d[c]&&d[c]=='CSS1Compat'?d.documentElement[b]+n+'px':d.body[b]+n+'px'};document.write('<style type="text/css">.dot {position: absolute;}body {background: url(foo) fixed;}<\/style>')};@end@*/
 var y = function () {
  return (document.compatMode && document.compatMode.indexOf("CSS") != -1) ? document.documentElement: document.body
 };
 var z = document.layers ? "": "px";
 elastic_trail.prototype.dot = function (i) {
  this.X = v;
  this.Y = w;
  this.dx = 0;
  this.dy = 0;
  if (document.layers) {
   this.obj = document["dot" + i]
  } else {
   if (document.all) {
    this.obj = document.all["dot" + i].style
   } else {
    if (document.getElementById) {
     this.obj = document.getElementById("dot" + i).style
    } else {
     return
    }
   }
  }
 };
 var A = new Array();
 for (var i = 0; i < f; i++) {
  A[i] = new this.dot(i)
 }
 for (i = 0; i < f; i++) {
  A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
  A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
 }
 var B = this;
 setInterval(function () {
  B.animate()
 },
 20);
 function MoveHandler(e) {
  v = e.pageX - pageXOffset;
  w = e.pageY - pageYOffset;
  return true
 }
 function MoveHandlerIE() {
  v = window.event.x;
  w = window.event.y
 }
 if (document.addEventListener) {
  document.addEventListener("mousemove", MoveHandler, false)
 } else {
  if (document.attachEvent) {
   document.attachEvent("onmousemove", MoveHandlerIE)
  } else {
   if (document.captureEvents) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = MoveHandler
   }
  }
 }
 elastic_trail.prototype.vec = function (X, Y) {
  this.X = X;
  this.Y = Y
 };
 elastic_trail.prototype.springForce = function (i, j, a) {
  var b = (A[i].X - A[j].X);
  var c = (A[i].Y - A[j].Y);
  var d = Math.sqrt(b * b + c * c);
  if (d > k) {
   var e = l * (d - k);
   a.X += (b / d) * e;
   a.Y += (c / d) * e
  }
 };
 elastic_trail.prototype.animate = function () {
  var a = 0;
  A[0].X = v;
  A[0].Y = w;
  a = 1;
  for (var i = a; i < f; i++) {
   var b = new this.vec(0, 0);
   if (i > 0) {
    this.springForce(i - 1, i, b)
   }
   if (i < (f - 1)) {
    this.springForce(i + 1, i, b)
   }
   var c = new this.vec( - A[i].dx * q, -A[i].dy * q);
   var d = new this.vec((b.X + c.X) / m + o, (b.Y + c.Y) / m + p);
   A[i].dx += (h * d.X);
   A[i].dy += (h * d.Y);
   if (Math.abs(A[i].dx) < r && Math.abs(A[i].dy) < r && Math.abs(d.X) < s && Math.abs(d.Y) < s) {
    A[i].dx = 0;
    A[i].dy = 0
   }
   A[i].X += A[i].dx;
   A[i].Y += A[i].dy;
   var e, width;
   if (window.innerWidth) {
    e = window.innerHeight;
    width = y().clientWidth && window.innerWidth - y().clientWidth == 17 || window.innerWidth - y().clientWidth == 15 ? y().clientWidth: window.innerWidth
   } else {
    e = y().clientHeight - Math.ceil(t / 2);
    width = y().clientWidth
   }
   if (A[i].Y >= e - t - 1) {
    if (A[i].dy > 0) {
     A[i].dy = u * -A[i].dy
    }
    A[i].Y = e - t - 1
   }
   if (A[i].X >= width - t) {
    if (A[i].dx > 0) {
     A[i].dx = u * -A[i].dx
    }
    A[i].X = width - t - 1
   }
   if (A[i].X < 0) {
    if (A[i].dx < 0) {
     A[i].dx = u * -A[i].dx
    }
    A[i].X = 0
   }
   A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
   A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
  }
 }
}
new elastic_trail();
//]]>
</script>

  • silahkan pilih salah URL animasi BARBIE yg kamu sukai,..
  http://i42.tinypic.com/1zxruqu.gif 
 
 
  http://i43.tinypic.com/2gugmsl.gif 
 
 
  http://i39.tinypic.com/2r59e0n.gif 
 
 
  http://i43.tinypic.com/5lb59h.gif 
 
 
  http://i43.tinypic.com/28vgc5z.gif 
 
 
  http://i41.tinypic.com/2q18e14.gif 
 
 
  http://i42.tinypic.com/2k1z03.gif 
 
 
  http://i44.tinypic.com/2lw537a.gif 
 
 
View Full Size Image  http://i40.tinypic.com/2vj4pk8.gif 
 
 
  http://i43.tinypic.com/2crq0yw.gif 
 
 
   http://i40.tinypic.com/ojo51j.gif 
 
 
  http://i44.tinypic.com/11c7aqq.gif 
 
 
  http://i44.tinypic.com/i3rmh4.gif 
 
 
  http://i44.tinypic.com/sgltlv.gif 
 
 
  http://i41.tinypic.com/2vrzdq8.gif 
 
 
  http://i39.tinypic.com/103zbs0.gif 
 
 
  http://i40.tinypic.com/ogxhuh.gif 
 
 
  http://i39.tinypic.com/ye8vb.gif 
 
 
  http://i41.tinypic.com/250s3l0.gif 
 
 
  http://i44.tinypic.com/t6duoi.gif  
 
 
  http://i42.tinypic.com/2007bk0.gif 
 
 
View Full Size Image   http://i44.tinypic.com/4vn22c.gif 
 
 
  • klik SIMPAN / SAVE
Like the Post? Share with your Friends:-

Team SB
Comment Using

3 komentar:

Best Blogger TipsComment Options : SILAHKAN PILIH SALAH SATU KODE KOMENTAR DI BAWAH YG AGAN SUKA

Image : [im]URL GAMBAR/FOTO SOBAT[/im]
Colors : [co="red"]KOMENTAR TEXT WARNA SOBAT[/co]
Marquee : [ma]KOMENTAT TEXT MARQUEE SOBAT[/ma]
SELAMAT MENCOBA GAN

Buka Dong Aku

Contact Us

Nama

Email *

Pesan *

 
Copyright © . All Rights Reserved.
Designed by :-IV@NK GRIBATAKO.BLOGSPOT
Best Blogger Tips