Cara Membuat Kursor Blog Di Ikuti Tulisan

Hello para Blogger...! Sebelumnya Saya sudah pernah Pos tentang Cara Membuat Kursor Bertabur Bintang Pada Blog, kali ini Saya akan Pos tentang Cara Membuat Kursor Blog Di Ikuti Tulisan. OK, buat yang tertarik silahkan simak baik-baik langkah-langkah berikut :

[1]. Seperti biasa Login dulu ke Blog Kalian.
[2]. Trus cari Rancangan --> Elemen Laman --> Tambahkan Gadget.
[3]. Copy dan Paste-kan Code di bawah ini ke dalamnya.
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;
/* End Optional */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
;(function(){
// Your message here (QUOTED STRING)


var msg = "Copyright Tanpa Nama";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)


var size = 24;


// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
NB :
- Tulisan yang berwarna Biru, ganti dengan kata-kata yang Kalian inginkan.
- Dan tulisan yang berwarna Merah, silahkan Kalian sesuaikan dengan keinginan Kalian.

[4]. Terakhir tinggal di SAVE dan lihat hasilnya.

Happy Blogging...!!!

7 komentar:

diki sulaeman mengatakan...

makasih informasinya,,, akan coba saya pasang di blog saya/...

Dimas Pray mengatakan...

gan cara bikin ga muter muter gimana ?? puyeng liat nya?

gibran namikaze mengatakan...

bisanya warna merah doang ya ?

Ngurah Jumaika mengatakan...

@Dimas Pray : bisa di ganti kok gan,, itu kan ada code yg berwarna merah,, itu warna textnya, bisa agan sesuaikan dengan warna kesukaannya agan..

dede badil mengatakan...

thnx bro untuk infonya... oh ya mampir ya ke blog saya

http://the-balck-jack.blogspot.com/

Paskalis FC mengatakan...

copyright tanpa namanya juga ikut di tulis ya ?

MutiaraRamadhani mengatakan...

Kalo warna biru tulisannya gimana yaa ? Bingung aku !

Posting Komentar