Cara Membuat Kata-Kata Mengikuti Mouse Pada Blog

1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu Pilih Tata Letak _> Eleman Halaman _> Tambah Gadget.
3. Pilih HTML JavaScript.
4. Kemudian masukkan kode di bawah ini.

//Circling text trail- Tim Tilton
//Visit for this script and more
function cursor_text_circle(){
// your message here
var msg=’AFDHAL WEBSITE.split(”).reverse().join(”);

var font=’Times New Roman’;
var size=3; // up to seven
var color=’#ff0000′;

// 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=.2;

// 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;
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write(‘<layer left="0" top="0" width="+a+" name="nsmsg’+i+’" height="+a+"><center>’+props+msg[i]+'</font></center></layer>’);
else if (ie||dom){
document.write(‘<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">’);
for (i=0; i < n; i++)
document.write(‘<div 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></div>’);

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)
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){

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

var makecircle=function(){ // rotation properties
if (ie)’px’;
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;[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
for (var i=1; i < n; i++){

// not rotation speed, leave at zero
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 );
window.onload = drag;



5. Ganti kode yang berwarna Biru dengan kata-kata yang Anda inginkan. 6. Lalu simpan dan lihat hasilnya. Semoga bermanfaat,,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: