Objek Berpusing Keliling Mouse

Bagaimana anda gayakan mouse bagi pengunjung yang mengunjungi blog anda.? Adakah anda biarkan secara default atau lakukan pengubahsuaian.?
Sebelum ini terdapat beberapa tutorial seperti bubble, sparkle, atau following star.

Dan kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse seperti gambar di bawah


Anda juga blog melihat contoh di blog demo ini

Tutorial di bawah.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
(tidak faham.?)


<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

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);
}
</script>


3. Save dan lihat hasilnya.

TAMBAHAN.

i) Bagi sesiapa yang tukar warna objek tersebut, boleh tukar pada kod ini.
(mencari kod warna.?)
var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";


ii) Kod ini memerlukan anda menggunakan layout template.


Suka entri ini.?

95 comments:

Gombug on December 26, 2011 at 9:59 PM said...

Dapatkan memori 50GB kapasiti simpanan foto, muzik, video dan apa sahaja untuk telefon anda secara percuma hari ini tanpa sebarang bayaran dari Gombug.net! Sebelum 31 Dec 2012 - http://adf.ly/4O5uz

Blog Tiga Saat on December 26, 2011 at 11:15 PM said...

kunjungi blog baru... http://tigasaat.blogspot.com/ sila berikan sokongan anda kpd blog baru ini..terima kasih...

AbuHuzaifah @ FateStayNite on December 27, 2011 at 8:17 AM said...

huhuhu x jd la... >_< dah remove yang len masih x jd

Eldiansyah Zirdy on December 27, 2011 at 10:20 AM said...

Apa blognya tidak berat,,
http://adf.ly/4AfgR

syazri95 on December 27, 2011 at 12:23 PM said...

hurm,,x jadik pon..:'( cm ner nie???

AkU bUdAk SlUmBeR on December 27, 2011 at 1:49 PM said...

xjadi pon

azreen sofia on December 27, 2011 at 4:37 PM said...

Tak jadi pun ? :(

~chenta cadburyku~ on December 28, 2011 at 10:10 AM said...

kunjungilah blog nieyh...http://chentacadburyku.blogspot.com/

nur aishah said on December 28, 2011 at 3:29 PM said...

lorh..tak jadik ponn..

Aina Safia Binti Amran on December 28, 2011 at 9:16 PM said...

x jadi pown...

Pembimbing Rakan Sebaya on December 31, 2011 at 4:31 PM said...

na ubah size macamne ? kecik sangat lahh :3

Ahmad on January 1, 2012 at 2:14 AM said...

x jd pun

mss meng on January 3, 2012 at 10:46 AM said...

jd la , cute :) thx

Anonymous said...

x jd le =='
www.HotReload2u.blogspot.com

HaRiZ DaNiaL on January 7, 2012 at 1:58 AM said...

x jd ap p0n

MOHAMAD ARSHAD on January 25, 2012 at 6:51 AM said...

xjadi r der

Yasir Utomo on January 28, 2012 at 10:25 AM said...

boeh juga nih gan. pertamaX sharenya.

HazeL_Yu on February 5, 2012 at 11:11 PM said...

jadikkk,,,me kasih atas tutorialnya,.,.heheh

aeman on February 10, 2012 at 5:07 PM said...

jadi, cuba skali lagi

Syabil Syameer on February 12, 2012 at 4:21 PM said...

Tak boleh la bro...bayang pun tarak nih

Teguh Sariyanto on February 14, 2012 at 8:01 PM said...

akhirnya ketemu juga langsung menuju ke tkp

shaiful nizam on March 4, 2012 at 1:30 PM said...

tumpang tanye..sy buat jd tp mouse and objek xcenter?

elia saranghea on March 16, 2012 at 12:29 PM said...

x jdi pon

eizan nizam on March 24, 2012 at 10:24 AM said...

tak ader efek ape2 pun..

tips4techs on April 8, 2012 at 11:17 AM said...

Nice article thanks for sharing this! I like, I am the first time on this site and am really enthusiastic about and so many good articles. I think it’s just very good. i like this type of articles.

amirah on April 22, 2012 at 8:27 AM said...

terima kasih..sy dah jadi wat..cantik sgt.

apa celop tock on April 30, 2012 at 10:56 PM said...

Cantik cantik cantik... Tq..

Ten Blog on May 23, 2012 at 11:38 AM said...

thx info nya..
Kunjungan balik ya

Anang Irawan on June 3, 2012 at 9:47 PM said...

kog cma datar ya gan animasinya ga muter" kaya demonya tuh apanya gan???

Nurul Husna Mohd Halim on June 6, 2012 at 10:44 PM said...

x jadi..:( kenape boleh x jadi ni...

eirmah on June 20, 2012 at 10:26 AM said...

xjadi pon..nape xjadi ni.

Myra Ureshi on June 25, 2012 at 8:47 PM said...

jadi2...heheh...suka sangat...<3

Afiq on July 27, 2012 at 4:32 AM said...

sape2 cube tgk blog sy ni.. boleh tlg komen

Fajar Ramdany on July 29, 2012 at 2:18 PM said...

Like This Gan , :)

sazrinhazid on August 5, 2012 at 1:40 PM said...

Tkjadi pun ?

babywitch said...

xjdik lar...

Pusat Penjualan Obat Herbal on September 18, 2012 at 9:34 PM said...

bener2 pusing tukh aku ngeliatnya...

mariyanto widodo on September 20, 2012 at 10:53 PM said...

hehehehe.. asyik banget nich.. mo nyoba ach..

Iesya Faiesya on September 25, 2012 at 1:49 AM said...

thanks sbb sha jd buatnya =) hehe

Area Infoku on September 26, 2012 at 5:15 PM said...

Mantap om makasih informasinya
Area Infoku | Blogger Trik | Blogger Template | Blogger Template | Zona Santai | Dangdut Koplo | Lintas Informasi | Top News Day | Nadamp3ku | Free Dangdut Koplo | Yukitasantai

nabila ilmf on September 29, 2012 at 4:15 PM said...

x jadi lar.. =(
mcmmner??

lagenda on September 30, 2012 at 9:34 PM said...

sapa yg jadi tu leh bgtau cmner cara nya

duta pulsa on November 3, 2012 at 11:51 PM said...

keren om

Fransesco Agnes Ranubaya on November 5, 2012 at 12:44 AM said...

http://fransescowd.blogspot.com ^^ saye nak kopi paste tulisan awak ye? keren punye...

B.Jamalluddin on November 16, 2012 at 2:55 PM said...

tak jadi

obat stroke on November 17, 2012 at 2:12 PM said...

Wah keren bange animasi buat mouse nya tuh.. tapi dilihat2 uhh,, pusing juga lama2.. hemm

obat jantung koroner on November 20, 2012 at 12:19 PM said...

oke deh ini memang informasi yang sedang saya cari, terimakasih banyak yah atas info yang sangat bagusnya. Akan langsung aku coba nih.. :D

Red Army on December 4, 2012 at 11:41 AM said...

keren

Jefry on December 30, 2012 at 5:46 PM said...

bagus juga kalau bisa dipasang di blog

Obat Penyakit Gondok Herbal on January 9, 2013 at 3:40 PM said...

wah menurut saya apa ga risih nanti untuk para pengunjung blog kita.

Martho on January 10, 2013 at 7:26 AM said...

klik Di sini :) hayyyy

obat tradisional miom on January 25, 2013 at 3:28 PM said...

tapi bikin lola yaa gan..

obat tradisional stroke on January 25, 2013 at 3:31 PM said...

keren juga tuuhh kalo dipasang..

Erricson Bernedy on February 4, 2013 at 7:08 PM said...

thx info nya bray .. :D
kunjungi jugak ya .. http://www.penuhtawa.blogspot.com

obat lemah syahwat on February 5, 2013 at 2:03 PM said...

makasih atas infonya sangat menarik dan artikelnya keren banget

Obat Penyakit Liver Herbal on February 7, 2013 at 3:40 PM said...

wah moga aja ga bikin pengunjung blog pusing 7 keliling ..

eikha syaheirha on February 21, 2013 at 3:19 PM said...

aalaah.. x jdi p0n aq aku buat..

ace maxs on February 23, 2013 at 10:31 AM said...

objek nya bikin pusaing broo

Central-lyrics on March 6, 2013 at 10:26 AM said...

Izin Mencoba... buat manik2 blog...

Aziz Budhi on March 6, 2013 at 12:59 PM said...

Wow keren Caranya kaka :D
thanks atas infonya ..
Kumjumgi yah Blog saya :D jangan lupa jadi member http://ilmukomputertkj3.blogspot.com/ Terima kasih

musttrie on March 8, 2013 at 6:58 AM said...

akan saya coba ah...

Anonymous said...

Hello, I read your blog regularly. Your story-telling style is awesome, keep doing what you're doing!

Also visit my web page linked web site

Anonymous said...

Very often, these people give up before giving the program a real
chance to work. It will help the prospective health and
fitness aspirant keep pace with the ever evolving world of fitness.

Get your heart rate up with a quick burst of fast movement.


Also visit my weblog; fitness tips abs

Anonymous said...

The fitness tips for motivation we've been discussing can be very powerful if you use them. One last thing that isn't mandatory but recommended
is to set up a Pay - Pal account to process your payments.

Visit a Dermatologist: If you are facing any chronic skin problem
like pimples, acne and blemishes then consult a doctor at first
place before going to a beautician.

Feel free to visit my web-site ... Click In this article

Anonymous said...

Hello to every , as I am genuinely keen of reading this webpage's post to be updated on a regular basis. It contains pleasant information.

my homepage Biotechnology Today

ale on March 26, 2013 at 10:26 PM said...

gan mana nih artikel hiburan terbarunya . .
:D

Anonymous said...

Sometimes funny pictures are created automatically,
and now need a little time to our own. These make
great funny pictures, and can be as blatant as the example
I just gave, or as simple as a spelling mistake.
Locate a respected joke internet site that allows you to make use of
the offered jokes which means you won't need to worry about email viruses.

My homepage: funny pictures and sayings

penyakit flu tulang on April 2, 2013 at 3:13 PM said...

mesti dicoba niihh,,makasih bnyak yaa gan..

obat tradisional alzheimer on April 2, 2013 at 3:20 PM said...

saya ari-cari akhirnya nemu juga,,makasih bnyak gan..

Anonymous said...

So just like others, if a person has interest in
the fresh news updates, he can surely give a preference to online
medium for getting familiarity with these topics. This glass would
cost less than $1000 and would be available to almost all the people in Britain.
This secret Taoist soak will wash any lingering worries
down the drain and give you a fabulous and fresh start.

Stop by my web-site :: Latest Daily News

Anonymous said...

This simple app provides lots of funny facts that you have ever known.
Every day many new websites are coming on the internet, which can be
used for all sort of access to stuff that can make you smile.
Some programs allow a user to make the same post on multiple websites simultaneously.


Here is my web page :: 5webe.com

Anonymous said...

If you have a website, you can use Google Trends for your
website traffic to increase as well. I have more
stuffings in me from yesterday than I care
to think about. Committee on Gulf War and Health:
Health Effects of Serving in the Gulf War, Update 2009.


Here is my webpage - Latest Daily News

Anonymous said...

What a funny blog! I in fact enjoyed watching this funny video with my family as well as along
with my colleagues.

Feel free to visit my web page - fitness tips men

silvi silviani on April 22, 2013 at 3:44 PM said...

maksih gan infonya

Raja Silika on May 7, 2013 at 12:05 PM said...

Jualan Karbon Aktif Paling Murah Di Dunia


contoh template maskolis seo

contoh template maskolis PALING seo

edit template paling kacau :D

Aku Sang Jawara

Anonymous said...

Oh my goodness! Incredible article dude! Thank you so much, However I am
encountering troubles with your RSS. I donít understand why I am unable to subscribe to it.
Is there anybody else having the same RSS problems?
Anyone that knows the solution can you kindly respond?
Thanx!!

Feel free to surf to my weblog Biotech Companies

Anonymous said...

Everything is very open with a really clear explanation of the issues.

It was definitely informative. Your website is useful.
Thanks for sharing!

Here is my blog :: Biotechnology and Bioengineering

Obat Herbal on May 22, 2013 at 9:25 AM said...

objek di kursor bikin pusing hehehe,,,

[[652185224824647]] [[652185254824644]] [[652185251491311]] [[652185271491309]] [[652185228157980]] [[652185324824637]] [[652185358157967]]
[[652185361491300]] [[652185351491301]] [[652185318157971]] [[652185431491293]] [[652185421491294]] [[652185404824629]] [[652185408157962]]
[[652185428157960]] [[652185504824619]] [[652185548157948]] [[652185544824615]] [[652185534824616]] [[652185508157952]] [[652185608157942]]
[[652185614824608]] [[652185611491275]] [[652185631491273]] [[652185634824606]] [[652185698157933]] [[652185704824599]] [[652185708157932]]

sedot wc on June 18, 2013 at 6:31 AM said...

hehehe baru kali ini ane tahu gan

nobelkurniadi on July 6, 2013 at 6:40 PM said...

apa ini berpengaruh terhadap kecepatan loading blog ?

M. ZULKIFLI NASUTION on July 17, 2013 at 3:43 PM said...

ENGGAK jalan kodenya ???

Anonymous said...

mantap mas bro... titip link nya masbro...

Zei Fhend on September 28, 2013 at 12:11 PM said...

mantap mas bro... titip link nya masbro...

putrasnogurt on October 28, 2013 at 1:57 AM said...

where is design??

putra sunda on December 14, 2013 at 3:06 PM said...

keren sob (y)

rihana khan on April 16, 2014 at 5:58 PM said...

Get the knowledge of any topic and get reference with examples.
For more http://tutorialterminal.blogspot.in/

Anonymous said...

nice info Alat Bantu Sex

dica jaya on April 19, 2014 at 7:04 AM said...

nice info perangsang

cara mengobati kanker ovarium on April 19, 2014 at 3:17 PM said...

kunjungan pagi dengan menyimak dan membaca sudah sangat membantu saya dalam hal ilmu dan wawasan saya makasih banyak atas ilmu nya

Fahmi Fanirius on April 29, 2014 at 4:59 PM said...

Keren juga. Aku udah pake nih. Liat:

www.tutorialblogger.co.vu

Farhan Fauzan on May 4, 2014 at 2:13 AM said...

Makasih Gan! Sangat bermanfaat :)
Jangan lupa berkunjung
Http://farhanfauzan170.blogspot.com

obat herbal kanker serviks on May 6, 2014 at 1:51 PM said...

setelah saya dan membaca dan menyimak artikelnya sangat bermanfaat dan menambah wawasan dan pengetahuan saya semoga blog nya sukses selalu dan selalu menghadirkan artikel yang bermanfaat makasih

obat herbal kanker usus besar on May 21, 2014 at 3:45 PM said...

menarik dan bermanfaat sekali infonya

Zei Fhend on May 24, 2014 at 6:52 AM said...

SALAM SUKSES BRO. BOSEN KENA GUSUR MULU SEKARANG SEKARANG INI. DAN SEKARANG TERPAKSA BIKIN RUMAH BARU. DITUNGGU KEHADIRANNYA YA BRO SEKALIAN TITIP BINGKISAN TERBARU DARI GUBUK ANE. THX YO
BOKEP STREAMING TERBARU

KOLEKSI BOKEP STREAMING JANDA
KOLEKSI BOKEP STREAMING BARAT
KOLEKSI BOKEP STREAMING ASIA
KOLEKSI BOKEP STREAMING INDIA
KOLEKSI BOKEP STREAMING INDO
KOLEKSI BOKEP STREAMING PHILIPINA
KOLEKSI BOKEP STREAMING MALAYSIA
KOLEKSI BOKEP STREAMING KOREA

VIDIO TERLARIS
BOKEP STREAMING ABG MESUM 15 TAHUN
BOKEP STREAMING ABG MESUM 16 TAHUN
BOKEP STREAMING ABG MESUM 17 TAHUN
BOKEP STREAMING JANDA KEMBANG
BOKEP STREAMING PERAWAN SMP
BOKEP STREAMING PERAWAN SMA
AYAM KAMPUS JAKARTA

Hendra Suhendra on May 27, 2014 at 4:24 PM said...

nitip lapak http://hendrasuhendra176.blogspot.com

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted