Pernah Ga Sih Kalian Pada Saat Masuk Ke Blog Seseorang Anda Melihat Di Kursornya Ada Tulisan Berputar-Putar Mengitari Cursor...?
Nah Disini Saya Akan Menjelaskan Tentang Cara Membuat Kursor Tersebut...
Copy/Paste Kode Dibawah Ini:
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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(){
// GANTI PESANNYA DISINI (QUOTED STRING)
var msg = "Nico Savero";
// GANTI UKURAN HURUF (DESIMAL DAN MINUS TIDAK BOLEH)
var size = 24;
//HANYA BOLEH MEMILIH ANTARA 0-3 UNTUK MENETUKAN OVAL/LINGKARAN
var circleY = 0.75; var circleX = 2;
//JARAK SPASI TULISAN (DESIMAL DIPERBOLEHKAN)
var letter_spacing = 5;
//UKURAN LINGKARAN
var diameter = 10;
//ARAH ROTASI (SET KE MINUS KALAU MAU BERPUTAR SEARAH JARUM JAM)
var rotation = 0.4;
//KECEPATAN ROTASI
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
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>
Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.
.
Sabtu, 04 Desember 2010
Jumat, 03 Desember 2010
Translator
Biar Blog Kita Bisa Dimengerti Oleh Orang-Orang Dari Luar Negri...
Makanya Kita Harus Membuat Sebuah Translator.
Maka dari Itu Sekarang Saya Akan Membeeritahukan Cara Membuat Translator.
Ketik atau copy paste code di bawah ini.
Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.
Makanya Kita Harus Membuat Sebuah Translator.
Maka dari Itu Sekarang Saya Akan Membeeritahukan Cara Membuat Translator.
Ketik atau copy paste code di bawah ini.
Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.
Label:
Script Blog
Langganan:
Postingan (Atom)