Garuda Black Code: Widget Halaman 2

HOME

ABOUTME

GARUDA RADIO STREAMING

MY PERSONAL VCARD

GARUDA COMMUNITY

CARA KOMENTAR DENGAN EMOTICON DI SMABOY

TIPS DAN TRICK SMABOY

.:: Selamat Datang Di Garuda Putra Blogspot.....Saran Dan Kritik Sobat Sangat Berguna Bagi Kami.....Bagi Yang Ingin Copas Isi Blog Ini Harap Sertakan Juga Sumbernya Terimakasih ::.

Widget Halaman 2

MENGGANTI CURSOR

-------------------------------------------------------------------------------------------------------

ANIMASI IMAGE SLIDE I

Widget ini akan memberikan gerakan dari sudut ke sudut,
dari kanan ke kiri/dari kiri kekanan tergantung perintah dari HTML tsb.

code domba

<marquee direction="left" scrollamount="20" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom:-50px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7q4QxCfjxVvkVB_R7ZlnThFjMZlhY9Dsyvs0xxKSkaJIN8NE-J9N7C_8p_d0abo-G7IdhBWkza5JiPpTqCFbwVuehS6saK4dlSViNh0ZdeSql4TIZUaJyxySMP5caHwI0CrCdASEo0Ro/s1600/animasi-power-point-37.gif"width="150"/ ></a></marquee>

code naruto

<marquee direction="right" scrollamount="10" height="100" width="130%"border="0" title="" style= "position:fixed; top: 100px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNmcqTfwNcKQoadNn9Gl7smKBm7qfNUcH146UngoKwIBYzhl8po-EBvwoPJNW6M3i_KWp36q8EknHVh1G5adU0bQO7D0VLpL50f7MvqZLYy8KU3abb_eUIsw3RQ8844SUvyjUj8nAHNc/s1600/naruto+naik+burung.gif"width="70"/></a></marquee>

code helicopter

<marquee direction="left" scrollamount="10" height="100" width="130%"border="0" title="" style= "position:fixed; top: 100px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkoevY14kACRK4aKHj5SycdAn3BGCFqsTuCAFcRWRD-1l4dcq19xkGMW5ow7Vl-cUY1Rv3lbn7YvgpfwEOxRkkzHfxlWnQymwrzdD4T027t_vCRAsYq77zXkX_2as_dKoytElOgX8nZUc/s1600/00020389.gif"width="100"/></a></marquee>

code elang

<marquee direction="right" scrollamount="15" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom: 500px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGZIqQOx7Xz5tBsLIBidx-4bmq0SKz-bEpkRQ1kHz_T10UdDurtYsbUXowmeUK-hHFWGSdfjv1jxtR71f-crLrDPhi5TLQL9gokgJV92KQhsYB7WJbLXZ_NDvzT6DvuJZ2m1od8MzOLY/s1600/garuda.gif"/width="150"/></a></marquee>

code bulldog

<marquee direction="right" scrollamount="20" height="150" width="130%"border="0" title="" style= "position:fixed; bottom:-50px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cAm2i3W7TOFnQPy3sSZn1FdYOrtXeJ5L9xiSsr-CrhaYek7GKrYI2FX4Wtw_Sa4ViWcfxdhsuLG_Bwe6_H2v2fn3nlk5OOuomZfE0UpVlrxbODcmoOljsDZ2qrU5nLKKvlnnlS2Y-yE/s1600/bulldog_run.gif"/width="200"></a></marquee>

code kelinci

code lumba-lumba

code robot

code hantu

code gorilla

code 4 angels

code spider I

code spider II

<marquee direction="down"behavior="alternate"onmouseover="this.stop()" onmouseout="this.start()"scrollamount="2" direction="up" width="100px"height="130%px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlq42uHEgqCKvV8JKkQ0sM7Z8zZTTsNlu5cVlEJBNGhcQ3rTr0FY14AB18KJexIHde-cldF3WtQC4qyXJLUeKCQDlx4r94IDsAIGUNqkXqc0M0E92KJruIG3vapHo5l5GP6Lcus6P27M/s1600/spiderman004.gif" border="0" title="" style= "position:fixed; top: 0px; right:
 50%px;"/></marquee>

code spider III

<marquee direction="down" scrollamount="8" height="120%" width="140"border="0" title="" style= "position:fixed; top:0px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWPo46ANBRBB9dtUCinpH7UpRBvIiVoSaJZYnUfzxcjvhWWexv75YQH8EcoSLxpsWIZ7Fvm33SD4V3bUTcJvH03pz-e9bPFhFyhTdqIziVdMfb1-PXqrpIYeZNO6hWHG6JXaIkyTY8kw/s1600/spider5.gif border=0></a></marquee>

code shark

<marquee direction="right" scrollamount="10" height="100" width="130%"border="0" title="" style= "position:fixed; bottom: 30px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnHthNwxgYVP2AInEPuOWMm1DTk0v2q7FLZA_lxtOKXFVA4PshFkbyT-gvQXFm5cF6WJJHS1gQkEX4VkDgRUsbizYy52ckoqUlo91mjnyumqhz811Mrlqp5Xna4OBdkPv5v8smRNc0__w/s1600/bull_shark.gif"width="auto"/></a></marquee>

code while

code yelow fish

<marquee direction="left" scrollamount="8" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom: 0px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgrjCwQj4-ix_6R0we-jar0Va9HM17hEquWuDaPZE39zQRjTKk51bL9Z6ykUNrD1Y6pVX1EyNzZQ4xpoDh_fqIn3hfpCzUrX0VuNI9JxnuXL6EFxWyn8Cum8s73_xQd-QeoNttmGPwBg/s1600/school_of_fish.gif"width="200"/></a></marquee>

code black yelow fish

<marquee direction="left" scrollamount="8" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom: 0px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjrK_sPF_5xjwTdo5fhyAvvynx9K7OTiEF4GQDOm5SUCeQNYnnPbBEnF33p4mPsWa_p1i5Osi1GA9enZ1KkAUTaS0z1yiKXXPxVUVf-oKYez6hwYx-C7nrKMuw5fRK7M3PYItC89oio4/s1600/school_of_tropical_fish.gif"width="200"/></a></marquee>

code flying fish

code shark II

code elephen

<marquee direction="left"scrollamount="3" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom:-70px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxqknmamk5io5PXa0Zsg7pVjel90sn9TYmloXG4DTm9Uwf-jQPRR1CVxk060hzFwptSyM-naLPOEq5xj7f4FlUtU7wi14CC_S3vcb4dLFpypSNc5cp9hZvkj0SloiDiOmfxf3GqnlxhGP/s1600/3d-Animasi-Elephant-Walking-Animated-Animal-.Gifs_.gif border=0></a></marquee>

code rusa

code dogy

code cumi2

code fish 1

code dogy 2

code fish 2

code fish 3

code fish 4

ANIMASI IMAGE SLIDE II

code fish 5

code kura2

code

code jerry

code kangaroo

code angel 1

code angel 2

code seller

code police

code train 1

code

code

code

code dino 1

code dino 2

code dino 3

code duyung

code

code

code

code

code

code

baby cupid

<marquee direction="left" scrollamount="10" height="auto" width="130%"border="0" title="" style= "position:fixed; bottom:0px; left: 0px;" /><a href="http://garudablackboy.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLVUv8X965Xk7Y3VCN3lizfZPfM4oHsl9nm1F1XjImZ4V2Iat9Mm-Ic75rD36MhI_s0xkWkOTO9cjMnSYOnKKfW5wfepj2wH84P75ATNdMluMyJme2rQPTLM8smznuryfnwqRqsNar_8/s1600/collie.gif"width="200"/ ></a></marquee>

Ket :

Untuk mengubah ukuran gambar ganti nilai code width="250"

lihat contoh dibawah : ( ganti nilai 250 dengan nilai 10 sampai dngan 500 ).

semakin kecil nilai maka akan semakin kecil ukuran gambar tersebut.

-- // --

Untuk menyesuaikan letaknya ganti nilai bottom/top:-15

lihat contoh dibawah :

nilai pada bottom/top bisa sobat ganti dengan nilai 10 sampai dngan 500/-5 sampai dngan -200.

-- // --

Untuk mengubah speed/kecepatan gerakan gambar ganti nilai code scrollamount="20"

lihat contoh dibawah : ( ganti nilai 20 dengan nilai 1 sampai dngan 100 ).

--//--

Dan untuk menentukan jarak sudut gerakan ganti nilai width pada code marquee.

lihat contoh dibawah : ( ganti nilai 100% dengan nilai 120%/130%/150% )

Ane sarankan untuk tidak menggabungkan animasi script ini terlalu banyak,
karena akan membuat cursor di profil sobat tidak berjalan dengan baik,
Dan untuk requeze animasi seperti diatas tuliskan di buku tamu/facebook chat.

(------Tess Ok On Google Chrome and mozilla. Berikan Comentar Sobat Mengenai Widget Ini.-----)

-----------------------------------------------------------------------------------------------------------

TEKS BERJALAN PADA TITLE BAR

-----------------------------------------------------------------------------------------------------------

MEMBUAT BUKU TAMU / CHAT BOX PRIBADI

Apa keuntungan dari widget ini...???
widget ini sangat berguna untuk tempat chating pribadi anda...
selain sebagai tempat chat keunggulan lainya ialah isi obrolan kita akan,
tetap ada dan tidak akan hilang sampai waktu yg ditentukan/sampai sobat sendiri yg menghapusnya.
perbedaan dari tempat chat asli dari smaboy ialah isi obrolan chat asli smaboy akan hilang,
bila kita tutup obrolan tersebut,dan obrolan di chatbox ini akan tetap ada walaupun kita logof,jadi kita dapat melihat obrolan2 terdahulu.
lihat contoh gambar ini :

Cara menggunakanya pun mudah,sobat hanya perlu memasukan nama di kotak user.

dan tuliskan pesan dikotak message.

chatbox inipun dilengkapi juga dengan smiles ( emoticon ).

Bagaimana...???? menarik bukan....

ok langsung saja cekidot...
Pertama-tama kunjungi situs penyedia chatbox disini.
lalu masuk ke menu signup isi formulir anda dengan benar,
kosongkan kotak your website jika tdk memiliki website.
setelah selesai registrasi silahkan klik publish dan copy paste code yg ada pada,
kotak textarea lihat gambar :

setelah selesai reload profil sobat dan lihat hasilnya..... :D

Letakan code widget ini pada posisi paling atas dari code2 lainya.

Bila sobat ingin widget ini melayang2 di profil sobat tinggal menambahkan codescript.

lihat tutornya di bawah ini :

Ganti dan tambahkan code widht,height,frameborder dengan code yg q kasih warna hijau.

</div>

( ane sarankan untuk tidak memakai widget hujan/kembang api karna akan mengganggu widget ini )

-------------------------------------------------------------------------------------------------------

ANIMASI LINK

-------------------------------------------------------------------------------------------------------

CURSOR ANIMASI

widget ini akan memberikan animasi yg mengikuti gerakan mouse.
silahkan salin salah satu code dibawah ini dan refress profil sobat :

code :

<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://i48.tinypic.com/s48bvd.jpg"; /* 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 = 20; /* 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>

code :

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNLNrwn6YYiENVuVK6rF0rXWaUYkZFjchsqwb6CiVzhKfqH8RF6QF0D8N7CARftzpTGKMMjatA3jQrYFcZ0vKRRRhpEnYeZe3JnuL7oA-9GiVG4bx85rJoIbTyYO5BNRqkSnnIQBvOLA/s1600/1147424xzu9rogvl9.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 = 25; /* 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>

code :

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9K0iyPHwJ0szK-vm53OUyJJbO073SjM8ucNMw-CeA7KWrQEetmFu5tpBicHD_Z3lX5UBoa6TklLbFhIJ_sHAyv5h74F5a1O2ipM6_DWeyP2q6whMslPz3wP6n0-s7QnvGdpjG1mfnhyw/s1600/492853uc5r8r86ty.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 = 25; /* 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>

code :

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBABJhnf5U1pVOtlIPiSzFwoKRNYt9BZBQRYJoBUzQjfDu0GZmkz6CyRmPqqhtTmfcm3rWyJ2eDuEdh3RMx2EPviytadCpS9JTHzCiQk-oj_I9n3lwiw9aUlTKB1wT3D51MOUgTLZE0A/s1600/706287isbesoi4u7+(1).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 = 25; /* 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>

code :

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaniQ3oC5CxLjRy2MMpdgekxlqQ8uqCeFTETYwFbiwhL6aZ8OdplY_8YoeH1d-mrSIEK0Oi6QPEqL_TwGfBMpTTbkcVRS6DTIP8v4cordsgFyDWyM3vmH9vDjryhOGHRTnn_r-TO34M8/s1600/718655qk583suwf9.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 = 25; /* 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>

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmsi_h7nUnNjfwk0sBVjYdQeEjCX8I_XpKnj2T_gMb8STF0JvpH26Mac7rN0X7Bex77eC24hVH9T692DTQ_7b_ryDVIOBoTPIgHe7rZQ_AjVMheVUIlMqlPfW73loRSGCZIq-DvMLa2kA/s1600/2007047txl9n5elhf.gif"; /* Gambar Kursor */
 var h = 0.01;
 var k = 30; /* 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 = 30; /* 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>

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifchi1hBJXg09uyxcMSaMC1iILtNNDZ2UKLKMZlVIoePPKRLPHIRnOT4-HeJchMR6TxKLl6Kn7faiwzPm7swuRnujzACQ2TSoTRXVayq3_DpP_sQx3uw_43-C57f84XzZcDySu72Fnz0A/s1600/807534ysaftywk8z.gif"; /* Gambar Kursor */
 var h = 0.01;
 var k = 30; /* 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 = 30; /* 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>

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwt_U5K1aMNx3c04Tv0GJ9fo986IAkBee5VSsmVXWRMHIcbLjdabpid7FqNwlHuBHg2uJDlksKc9Kx-bigxwyyKgtQAqO2r37H0ABIF-f8fHOLF6dZRQyCXLYZTjFw1_qZLOp9Wzk5e7E/s1600/51957nhs696m39a.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 = 20; /* 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>

<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://sl.glitter-graphics.net/pub/395/395664dtidgsh0f0.gif"; /* Gambar Kursor */
 var h = 0.01;
 var k = 30; /* 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 = 20; /* 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>

<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://sl.glitter-graphics.net/pub/143/143980fihn3wl121.gif"; /* Gambar Kursor */
 var h = 0.01;
 var k = 30; /* 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 = 30; /* 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>

Untuk mengubah gambar,ukuran gambar,jumlah cursor/gambar dll silahkan simak tutor dibawah ini :

perhatikan code warna yg ane berikan pada contoh code dibawah ini,
code warna hijau silahkan sobat sesuaikan dengan ukuran/URL gambar yg sobat inginkan.
sedangkan code warna biru adalah petunjuk dari fungsi code tersebut.

<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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9K0iyPHwJ0szK-vm53OUyJJbO073SjM8ucNMw-CeA7KWrQEetmFu5tpBicHD_Z3lX5UBoa6TklLbFhIJ_sHAyv5h74F5a1O2ipM6_DWeyP2q6whMslPz3wP6n0-s7QnvGdpjG1mfnhyw/s1600/492853uc5r8r86ty.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 = 25; /* 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")

Jika sobat kesulitan dalam mengopy code..sobat bisa menghubungi ane di facebook comment/buku tamu atau jg bisa melalui akun smaboy ane...

-------------------------------------------------------------------------------------------------------

PHOTO FRAME

Bagi sobat yg ingin narsis dengan photo-photo sobat, berikut ane berikan trick,
cara membuat frame photo.
walaupun sudah banyak aplikasi atau perangkat handphone yg mendukung frame photo,
namun frame yg di sajikan tidak banyak,oleh karena itu tak ada salahnya jika sobat,
mencoba frame online ini,dan di situs inipun tersedia photo editor dan photo efek/gif maker.
seru loch... ni lihat hasilnya :

Untuk update status sobat tinggal klik kanan pada gambar tersebut dan copy image URLnya.

so simak tutor dibawah ini untuk menempelkan pada profil sobat :

1.pertama-tama silahkan kunjungi situs penyedia frame berikut : loonapix

2.setelah itu pilih menu Photo frames,Trim photos,Photo effects atau Face effects.

3.lalu silahkan pilih frame yg ingin digunakan.

4.pilih browse.

5.cari file photo yg ingin sobat gunakan.

6.setelah photo terupload silahkan sobat atur dengan menggeser photo,jika sudah selesai silahkan klik save image yg terletak di bagian bawah .

7.setelah itu silahkan klik download image dan upload di koleksi photo smaboy,

lalu copy image URL dengan cara klik kanan gmbar,

atau salin URL gambar,lalu pate/tempelkan pada code yg ane kasih warna hijau di bawah.

sebenarnya sobat bisa langsung menempelkan pada profil sobat,,...

karena di situs ini menyediakan embeded code,tapi sayangnya didalam code tersebut tidak,

di berikan code ukuran dan letaknya,jadi apabila sobat tempelkan akan terlihat besar.

itulah sebabnya ane bantu dengan penambahan code di bawah ini.

jika sobat ingin menyesuaikan letak dan ukuranya ganti code yg berwarna merah :

Ket :

-code pada width="135" adalah ukuran gambar,

ganti nilai 135 dengan nilai yg sobat kehendaki yaitu 10-600.

-dan code top bisa sobat ganti dengan bottom jika ingin di posisi bawah,

code right bisa sobat ganti dengan left untuk posisi kiri,

dan ganti nilai nya untuk menggeser posisi gambar yaitu 1-500.

Lalu tempelkan pada kotak widget profil sobat....

dan lihat hasilnya.....

-------------------------------------------------------------------------------------------------------

MEMBUAT LINK VISIT MELAYANG

Bagi sobat yg ingin mempromosikan akun facebook,twitter,blog dll,
widget inilah yg cocok untuk sobat gunakan.
untuk di pojok kiri blog ini,
dan klik salah satu icon tersebut.
cara memasangnyapun cukup mudah,sobat hanya tinggal mengganti,
link facebook,twitter dan blog pada code warna yg ane berikan,
simak tutor dibawah ini :

Silahkan ganti link facebook,twitter dan blog yg ane kasih warna hijau,
dengan link akun sobat,dan untuk letaknya ganti code yg berwarna merah jika ingin di posisi kanan ganti dengan right.

<a href="LINK FACEBOOK SOBAT" target="_blank"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png"title="Add Me Your Facebook"style= "position:fixed; top:200px; left: 0px;"></a>
<a href="LINK TWITTER SOBAT" target="_blank"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png"title="Add Me Your Twitter"style= "position:fixed; top:235px; left: 0px;"></a>
<a href="LINK BLOGER SOBAT" target="_blank"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZq6j7QRrTjfgPZyEzNMGuLHGrCBqNv7uzDCl9lXhfr7liXlBwLSvW9X0BkdrIlgZB1VfcMVjVklRJGNzM_SBQ8k8JpVw8Tebc018zS0J6aD-nf7ELNjqMt0POvi_6OFgu-wOWTAHwNc/s1600/blogger+icon.png"title="Kunjungi Blog Q"style= "position:fixed; top:270px; left: 0px;"></a>

Ket :
Untuk cara mengopy link lihat gambar dibawah ini :

Facebook : ketik nama pengguna sobat di kotak pencarian orang.

Lalu copy paste semua link pada code yg ane kasih warna hijau diatas.

Twitter : Untuk twitter sama seperti cara facebook.

Blog : masuk ke beranda blog sobat dan salin semua link dan tempelkan pada code yg berwarna hijau diatas.

Jika sobat tidak memiliki blog silahkan kosongkan link blog atau ganti dengan link lain.

Dan jika sobat ingin menambahkan animasi jempoler di atasnya,
seperti contoh gambar di bawah,
silahkan gabungkan dengan code dibawah ini :

<img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxkjjGRwx4-qTn-RlDNCpBDrNxilaebxgUZBsw3dCthRb8M67Rj-eh5hWlIAcEqM1V-vzQgONt8Tq-wDhuMgPtY8bVjfsO7GNvbobFyDpxtQ8rAdIOpfjjsbY7UbrA5F8qfB-BzeLxcQc/s1600/animasi+jempoler.gif"width="50"title="Add Me Your Facebook"style= "position:fixed; top:165px; left: 0px;">

Berikut ini logo yg bisa sobat gunakan jika ingin mengganti logo,
klik kanan dan salin link gambar/copy image URL :

-------------------------------------------------------------------------------------------------------

FLASH ANIMASI

-------------------------------------------------------------------------------------------------------

MOUSE TRAIL

perlu diketahui jika sobat menggunakan script title bar,maka script title bar harus di hapus,
jika sobat ingin menggunakan script ini.
karna script ini akan mengecohkan script title bar.

code :

<script>
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){
//Configure here...
var xCol = "#ff0000";
var yCol = "#ffffff";
var zCol = "#0000ff";
var n = 6;   //number of dots per trail.
var t = 40;  //setTimeout speed.
var s = 0.2; //effect speed.
//End.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) && 
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++){
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'

+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'

+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

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; 
w = rw;
}
else{
h = r.clientHeight; 
w = r.clientWidth;
}
}

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 mouse(e){
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;    
 if (typeof e.pageY == 'number'){
  my = e.pageY - msy + 16;
  mx = e.pageX + 6;
 }
 else{
  my = e.clientY - msy + 16;
  mx = e.clientX + 6;
 }
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn(){
for (j = 0; j < 3; j++){
 dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix;
 dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++){
 if (i < n-1){
  vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; 
  vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
  vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
 } 
 else{
  vx[i].top = dy[0]; vx[i].left = dx[0];
  vy[i].top = dy[1]; vy[i].left = dx[1];
  vz[i].top = dy[2]; vz[i].left = dx[2];
  }
 }
setTimeout(assgn,t);
}

function init(){
for (i = 0; i < n; i++){
 vx[i] = document.getElementById("x"+(idx+i)).style;
 vy[i] = document.getElementById("y"+(idx+i)).style;
 vz[i] = document.getElementById("z"+(idx+i)).style;
 }
winsize();
assgn();
}

if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
 document.addEventListener("mousemove",mouse,false);
}  
else if (window.attachEvent){
 window.attachEvent("onload",init);
 document.attachEvent("onmousemove",mouse);
 window.attachEvent("onresize",winsize);
} 

})();
}//End.
</script>

Untuk mengubah warna trail ganti code yg q beri warna hijau dibawah ini :

<script>
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){
//Configure here...
var xCol = "#002FFF";
var yCol = "#FF0000";
var zCol = "#00FF04";
var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.
//End.

ganti code warna dengan code yg sobat inginkan,untuk mendapatkan code warna,
sobat bisa memilih melalui user colour cooser di sebelah kanan blog ini.

-------------------------------------------------------------------------------------------------------

IMAGE FIX I

gambar posisi kanan atas :

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKynOJUHziCeAo6zsc9Tu-3-Dl1-ENmSc2VOz9z9V62FB6KacDj6197z9oe-OxhyphenhyphenOIT3Ub078zltnQrubEQuUfJQtapmqQ8p0t7mCqMT33JOoPwdn2O9rYs4E8FBhxUWFb-aLz0K0ldgs7/s400/iluvindonesia.png"/width="140"/ border="3" title="" style= "position:fixed; top: 40px; right: 0px;" /></a>

gambar posisi kiri bawah :

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiycoBBOwncRg209Fw86Fc4uAqLd9mAqOmcwDsIRsxpVIyLdMlEPtnkAbNNplBRnu1MckIkbmy_eEnbSUp37CGs1T-TiOePYQ2ctOIGsMEZQvtRmhY9q9ouginVVxOVv5H4eZEeW-8E108/s1600/cinta-indonesia.png"/width="140"/ border="3" title="" style= "position:fixed; bottom: 0px; left: 0px;" /></a>

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvz0RN5z-kI8stDAeChdO0mklUtIVpJwrOAs1RNHQIzC0JG4d8Y9reVEBWqUJ1GK8Wcm7Dcv0vCX9Poe6NuDZVVxpthr70CDXJeQkZENBb3IHJLCCurgAIkw0d7JfDJ6Gyp7Y_YoQKnU/s1600/babies19.gif"/width="auto"/ border="3" title="" style= "position:fixed; bottom: 20px; right: 30px;" /></a>

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikTYtm1aR6aokPWGeyFn9U1ouyp_MmobpwBiWq5mXdaISAhTdbEYxMF_p6oh28g2thDXbYMzsbBTLF5TFIUS8wR89dY0nPFfT4sDEiaaYhH8oG13IUZSzXI2Bc5DU62-oaNyIeKA00BI0/s1600/Muhammad_hati2.gif"/width="140"/ border="3" title="Untuk Menuju Blog Q klik di sini..." style= "position:fixed; top: 45px; right: 0px;" /></a>

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

IMAGE FIX II

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-Bb61MEXZ3rF5aZ2pem5XFbMUbS-oQYeDfU53ZF3OuhVEZTGjedOC8ylTp_7UL-Fc7C7337zLDIPOc1ztwEV5JdBMcOZ4Y7o6piBJrT9TRKx2MHWjqbx4ROKMSiGDDRrJac_F3rjafo/s1600/th_inter2.gif"/width="auto"/ border="3" title="" style= "position:fixed; bottom: 15px; right:-5px;" /></a>

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="http://www.smaboy.com/uploads/userfiles/201301/07_45_u47a4.gif"/width="auto"/ border="3" title="" style= "position:fixed; bottom: 20px; right: 20px;" /></a>

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

IMAGE FIX III

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi tengah :

gambar posisi kanan : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah :( ganti nilai code bottom untuk menentukan tinggi gambar )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27KMekNvA1SwCv1sUT0pGl_1-EF-YfN3wpOcGtORPcYfOEbl254SikG77_C5xL6JBKPvi3K1HfG9hJuZ3XLu25zLopOFOknXfjL18zBdS0hlS9ACw8-jba1uMFAJgroAIxYEXOjdS0lw/s1600/zfiredragonlarge.gif"/width="150"/ border="3" title="" style= "position:fixed; bottom:50px; left:0px;" /></a>

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti nilai code bottom untuk menyesuaikan tingginya )

gambar posisi kiri bawah : ( ganti nilai code bottom untuk menyesuaikan tingginya )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan atas : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah :

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kiri )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kanan bawah : ( ganti code right menjadi left jika ingin gambar ada di posisi kanan )

<a href="http://garudablackboy.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6qSCp_BB3R-ZACNZgEFR5uWpjzxGf5pvqbIToWdI1qswUJ0E9FN4lM01rVfJ8B_tJegKZYwKMAJhKAB3fC-5Vy2MwTKp3OqgaKGJXu5qjI7NWDzBbKkRGsc9OTIlVmNV-3kw2f13nro/s1600/best-devil-smiley-emoticon.gif"/width="140"/ border="3" title="Untuk Menuju Blog Q klik di sini..." style= "position:fixed; bottom: 45px; right: 0px;" /></a>

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri atas : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

gambar posisi kiri bawah : ( ganti code left menjadi right jika ingin gambar ada di posisi kanan )

----- // -----

Keterangan :

- untuk mengatur tinggi rendahnya posisi gambar silahkan ganti nilai pada code bottom,
atau top yang ane kasih warna merah,ganti dengan nilai 1 sampai dngan 500.
-untuk mengubah posisi kanan atau kiri ubah code right/left,yg berwarna hijau.
- dan untuk besar/kecil gambar ganti nilai code width="300" dengan nilai yg sobat inginkan.
ayo tuangkan imajinasi sobat kedalam widget2 ini dengan mengubah ukuran & letaknya.
( jangan lupa beri spasi untuk tiap2 widget...agar pada saat ingin menghapus/mengganti
widget tersebut,sobat tidak terlalu susah untuk mencarinya )

Jika sobat belum mengerti tentang keterangan diatas,silahkan berikan comentar/pertanyaan sobat.
insya ALLAH akan ane bantu...

untuk widget lainya ditunggu ya.......

kunjungi selalu blog ane untuk mendapatkan widget terbaru.

-------------------------------------------------------------------------------------------------------

CURSOR TEXT CIRCLE

Widget ini memberikan animasi berupa teks pada cursor mouse sobat.
silahkan ganti teks ( Jacky Putra Garuda ) dengan teks yg sobat kehendaki,
dan copas codenya kedalam kolom widget profil sobat.
code :

<script>
//mouse
//Circling text nullail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Jacky Putra Garuda'.split('').reverse().join('');

var font='Bauhaus 93';
var size=3; // up to seven
var color='#00FF00';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<a id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><a style="position:relative">');
for (i=0; i < n; i++)
document.write('<a id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></a>');
document.write('</a></a>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.null;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script></div><div style="height: 10px;"></div>

-------------------------------------------------------------------------------------------------------