Cara Membuat Tulisan Berputar Mengelilingi kursor



Penulis:Uchiha Sasuke
Ya kita kali ini akan belajar
 membuat teks yang berputar-putar mengelilingi cursor kita di blog. Tulisan yang yang mengikuti cursor yang kita gerak-gerakan kemana saja atau bahkan cursor itu diam. Dengan membuat teks yang berputar mengelilingi cursor Itu Akan Mempercantik Blog Kita Jadi Gimana sob Tertarik Tidak? Kalau Tidak Ya Tidak Apa-Apa Kalau Tertarik Ikutin Langkah Di Bawah Ini
Berikut:
1.Masuk/Log In Ke Akun Blogger Sobat
2.Klik Rancangan>>Tata Letak>>Tambah Gadget>>HTML/Java Script
3.Masukan Kode Di Bawah Ini:
<script>
//mouse
//Circling text trail- 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='sapiterbangs.blogspot.com'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='
#0000FF
';

// 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('<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>');
document.write('</div></div>');
}
(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.body;
}

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>

5.Ganti Tulisan Warna Biru Dengan Ucapan Selamat Datang Atau Alamat Blog Sobat Dan Ganti Tulisan Warna Merah Dengan Kode Warna Untuk Yang Tidak Mengetahui Jelas Kode Warna Nya Lihat Di Bawah.KODE HEX:#ffffff NAMA WARNA: PUTIH

Kode Hex, Nama Warna: #F0F8FF Aliceblue

Kode Hex, Nama Warna: #FAEBD7 Antiquewhite

Kode Hex, Nama Warna: #00FFFF Aqua

Kode Hex, Nama Warna: #7FFFD4 Aquamarine

Kode Hex, Nama Warna: #F0FFFF Azure

Kode Hex, Nama Warna: #F5F5DC Beige

Kode Hex, Nama Warna: #FFE4C4 Bisque

Kode Hex, Nama Warna: #000000 Black

Kode Hex, Nama Warna: #FFEBCD Blanchedalmond

Kode Hex, Nama Warna: #0000FF Blue

Kode Hex, Nama Warna: #8A2BE2 Blueviolet

Kode Hex, Nama Warna: #A52A2A Brown

Kode Hex, Nama Warna: #DEB887 Burlywood

Kode Hex, Nama Warna: #5F9EAD Cadetblue

Kode Hex, Nama Warna: #7FFF00 Chartreuse

Kode Hex, Nama Warna: #D2691E Chocolate

Kode Hex, Nama Warna: #FF7F50 Coral

Kode Hex, Nama Warna: #64950 Cornflowerblue

Kode Hex, Nama Warna: #FFF8DC Cornsilk

Kode Hex, Nama Warna: #DC143C Crimson

Kode Hex, Nama Warna: #00FFFF Cyan

Kode Hex, Nama Warna: #00008B Darkblue

Kode Hex, Nama Warna: #008B8B Darkcyan

Kode Hex, Nama Warna: #B8860B Darkgoldenrod

Kode Hex, Nama Warna: #A9A9A9 Darkgray

Kode Hex, Nama Warna: #006400 Darkgreen

Kode Hex, Nama Warna: #8B008B Darkmagenta

Kode Hex, Nama Warna: #BDB76B Darkkhaki

Kode Hex, Nama Warna: #556B2F Darkolivegreen

Kode Hex, Nama Warna: #FF8C00 Darkorange

Kode Hex, Nama Warna: #9932CC Darkorchid

Kode Hex, Nama Warna: #8B0000 Darkred

Kode Hex, Nama Warna: #E9967A Darksalmon

Kode Hex, Nama Warna: #8FBC8B Darkseagreen

Kode Hex, Nama Warna: #483D8B Darkslateblue

Kode Hex, Nama Warna: #2F4F4F Darkslategray

Kode Hex, Nama Warna: #00CED1 Darkturquoise

Kode Hex, Nama Warna: #9400D3 Darkviolet

Kode Hex, Nama Warna: #FF1493 Deeppink

Kode Hex, Nama Warna: #00BFFF Deepskyblue

Kode Hex, Nama Warna: #696969 Dimgray

Kode Hex, Nama Warna: #1E90FF Dodgerblue

Kode Hex, Nama Warna: #B22222 Firebrick

Kode Hex, Nama Warna: #FFFAF0 Floralwhite

Kode Hex, Nama Warna: #228B22 Forestgreen

Kode Hex, Nama Warna: #FF00FF Fuchsia

Kode Hex, Nama Warna: #DCDCDC Gainsboro

Kode Hex, Nama Warna: #F8F8FF Ghostwhite

ode Hex, Nama Warna: #FFD700 Gold

Kode Hex, Nama Warna: #DAA520 Goldenrod

Kode Hex, Nama Warna: #808080 Gray

Kode Hex, Nama Warna: #008000 Green

Kode Hex, Nama Warna: #ADFF2F Greenyellow

Kode Hex, Nama Warna: #F0FFF0 Honeydew

Kode Hex, Nama Warna: #FF69B4 Hotpink

Kode Hex, Nama Warna: #CD5C5C Indianred

Kode Hex, Nama Warna: #4B0082 Indigo

Kode Hex, Nama Warna: #FFFFF0 Ivory

Kode Hex, Nama Warna: #F0E68C Khaki

Kode Hex, Nama Warna: #E6E6FA Lavender

Kode Hex, Nama Warna: #FFF0F5 Lavenderblush

Kode Hex, Nama Warna: #7CFC00 Lawngreen

Kode Hex, Nama Warna: #FFFACD Lemonchiffon

Kode Hex, Nama Warna: #ADE8E6 Lightblue

Kode Hex, Nama Warna: #F08080 Lightcoral

Kode Hex, Nama Warna: #E0FFFF Lightcyan

Kode Hex, Nama Warna: #FAFAD2 Lightgoldenrodyellow

Kode Hex, Nama Warna: #90EE90 Lightgreen

Kode Hex, Nama Warna: #D3D3D3 Lightgray

Kode Hex, Nama Warna: #FFB6C1 Lightpink

Kode Hex, Nama Warna: #FFA072 Lightsalmon

Kode Hex, Nama Warna: #20B2AA Lightseagreen

Kode Hex, Nama Warna: #87CEFA Lightskyblue

Kode Hex, Nama Warna: #778899 Lightslategray

Kode Hex, Nama Warna: #B0C4DE Lightsteelblue

Kode Hex, Nama Warna: #FFFFE0 Lightyellow

Kode Hex, Nama Warna: #00FF00 Lime

Kode Hex, Nama Warna: #32CD32 Limegreen

Kode Hex, Nama Warna: #FAF0E6 Linen

Kode Hex, Nama Warna: #FF00FF Magenta

Kode Hex, Nama Warna: #800000 Maroon

Kode Hex, Nama Warna: #66CDAA Mediumaquamarine

Kode Hex, Nama Warna: #0000CD Mediumblue

Kode Hex, Nama Warna: #BA55D3 Mediumorchid

Kode Hex, Nama Warna: #9370DB Mediumpurple

Kode Hex, Nama Warna: #3CB371 Mediumseagreen

Kode Hex, Nama Warna: #7B68EE Mediumslateblue

Kode Hex, Nama Warna: #00FA9A Mediumspringgreen

Kode Hex, Nama Warna: #48D1CC Mediumturquoise

Kode Hex, Nama Warna: #C71585 Mediumvioletred

Kode Hex, Nama Warna: #191970 Midnightblue

Kode Hex, Nama Warna: #F5FFFA Mintcream

Kode Hex, Nama Warna: #FFE4E1 Mistyrose

Kode Hex, Nama Warna: #FFE4E1 Moccasin

Kode Hex, Nama Warna: #FFDEAD Navajowhite

Kode Hex, Nama Warna: #000080 Navy

Kode Hex, Nama Warna: #FDF5E6 Oldlace

Kode Hex, Nama Warna: #808000 Olive

Kode Hex, Nama Warna: #6B8E23 Olivedrab

Kode Hex, Nama Warna: #FFA500 Orange

Kode Hex, Nama Warna: #FF1000 Orangered

Kode Hex, Nama Warna: #DA70D6 Orchid

Kode Hex, Nama Warna: #EEE8AA Palegoldenrod

Kode Hex, Nama Warna: #98FB98 Palgreen

Kode Hex, Nama Warna: #AFEEEE Paleturquoise

Kode Hex, Nama Warna: #DB7093 Palevioletred

Kode Hex, Nama Warna: #FFEFD5 Papayawhip

Kode Hex, Nama Warna: #FFDAB9 Peachpuff

Kode Hex, Nama Warna: #CD853F Peru

Kode Hex, Nama Warna: #FFC0CB Pink

Kode Hex, Nama Warna: #DDA0DD Plum

Kode Hex, Nama Warna: #B0E0E6 Powderblue

Kode Hex, Nama Warna: #800080 Purple

Kode Hex, Nama Warna: #FF0000 Red

Kode Hex, Nama Warna: #BC8F8F Rosybrown

Kode Hex, Nama Warna: #4169E1 Royalblue

Kode Hex, Nama Warna: #8B4513 Saddlebrown

Kode Hex, Nama Warna: #FA8072 Salmon

Kode Hex, Nama Warna: #F4A460 Sandybrown

Kode Hex, Nama Warna: #2E8B57 Seagreen

Kode Hex, Nama Warna: #FFF5EE Seashell

Kode Hex, Nama Warna: #A0522D Sienna

Kode Hex, Nama Warna: #C0C0C0 Silver

Kode Hex, Nama Warna: #87CEEB Skyblue

Kode Hex, Nama Warna: #708090 Slategray

Kode Hex, Nama Warna: #FFFAFA Snow

Kode Hex, Nama Warna: #00FF7F Springgreen

Kode Hex, Nama Warna: #4682B4 Steelblue

Kode Hex, Nama Warna: #D2B48C Tan

Kode Hex, Nama Warna: #008080 Teal

Kode Hex, Nama Warna: #D8BFD8 Thistle

Kode Hex, Nama Warna: #FF6347 Tomato

Kode Hex, Nama Warna: #40E0D0 Turquoise

Kode Hex, Nama Warna: #EE82EE Violet

Kode Hex, Nama Warna: #F5DEB3 Wheat

Kode Hex, Nama Warna: #FFFFFF White

Kode Hex, Nama Warna: #F5F5F5 Whitesmoke

Kode Hex, Nama Warna: #FFFF00 Yellow

Kode Hex, Nama Warna: #9ACD32 Yellowgreen

Pengumuman:
-Tulisan Warna Biru Berfungsi Untuk Tulisan Yang Berputar Di Sekeliling Kursor
-Tulisan Warna Merah Berfungsi Untuk Warna Tulisan Yang Berputar Di Sekeliling Kursor



Share your views...

2 Respones to "Cara Membuat Tulisan Berputar Mengelilingi kursor"

sherina mengatakan...

mantap jadinya blog saya segala di pasang,,,


3 April 2013 pukul 15.15
Anonim mengatakan...

Produk dijamin asli
TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000


22 Mei 2013 pukul 08.05

Posting Komentar

 

© 2012 sapiterbangs Blog