Langsung ke konten utama

Cara Mengedit File Hosts

Membuat Teks Berputar di Kursor

Bagi anda yang suka sekali menghias blog agar tampilan anda menarik dimata pengunjung, disini saya akan berbagi code untuk membuat teks berputar di antara kursor. Contohnya seperti yang saya gunakan. Silakan copy codenya :


======================================================================
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #33FF00;

/* 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'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Zulfi 46 (TeXaZ)";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// 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;
////////////////////// 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>
======================================================================

Jika anda ingin mengantinya silakan :
color: #33FF00    : untuk warna teks
Zulfi 46 (TeXaZ)  : untuk teks yang berputar

Untuk mengganti warna teksnya silakan masuk disini


Cara pemasangannya :
1.     Login ke www.blogger.com
2.     Masuk ke Tata Letak


3.     Klik "Tambah Gadget"


4.     Lalu klik "HTML/Java/Script"


5.     Letakkan di tempat konten dan simpan tanpa di kasih judul






Komentar

Postingan populer dari blog ini

Macam-Macam Hewan Amfibi (Part 1)

Habitat Amfibi adalah kelompok terkecil diantara vertebrata, dengan jumlah hanya 3.000 spesies. Seperti ikan dan reptilia, amfibi adalah hewan berdarah dingin. Ini berarti amfibi tidak dapat mengatur suhu badannya sendiri. Untuk itu, amfibi bergantung pada sinar matahari untuk menghangatkan badan. Umumnya amfibi mengawali hidup di perairan dan melakukan pernapasan menggunakan insang. Seiring dengan pertumbuhannya, paru-paru dan kakinya berkembang dan amfibi pun dapat berjalan di atas daratan. Tiga Kelompok Amfibi Sekitar 80% amfibi adalah kodok ( toad ) dan katak (frog ). Tungkai kaki belakang katak atau kodok relatif kokoh dan panjang sehingga memungkinkannya melompat, meskipun kadang-kadang kodok berjalan merayap di tanah. Kelompok kedua adalah newt  (sejenis kadal air) dan salamander, yang berkaki pendek dan berekor panjang. Kelompok ketiga dan sekaligus berpopulasi terkecil adalah caecilian , yang mirip cacing dan hidup di bawah permukaan tanah. Salamander berekor pa

PES 2013 ISL.jar (176x208, 220x176, 240x320, 320x240)

Game PES 2013 ini adalah game sepak bola tahun 2013 versi ISL. Game java ini sudah di setting berbahasa Indonesia . Game PES 2013 versi ISL resolusi 176x208, 220x176, 240x320, 320x240. Tinggal download sesuai dengan layar HP kamu. Nih Gambarnya : Silakan download gratis : PES 2013 ISL (176x208) : Download PES 2013 ISL (220x176) : Download PES 2013 ISL (240x320) : Download PES 2013 ISL (320x240) : Download

Download Razer Game Booster v3.5.6.22

Hai para gamers sejati ^_^. Kali ini saya akan berbagi software yang sudah terbukti mengoptimalkan PC/Laptop kamu agar main game lancar tanpa kendala. Pasti para gamers sudah tidak asing lagi dengan software Game Booster. Tapi sekarang saya akan membahas tentang software terbaru dengan versi yang jauh lebih baik dari sebelumnya. Nama software ini adalah Razer Game Booster versi 3.5.6.22 beta. Kelebihan dari software ini adalah dari SCREENCAST, yaitu kamu bisa merekan saat bermain game dan kamu juga bisa membuat screenshot game tanpa harus menggunakan software yang lain . Oke langsung aja lihat screenshotnya dan download softwarenya dibawah ini !!! Screenshot : Klik gambar untuk memperbesar Untuk menggunakan Screencast kamu cukup check list " Enable Screencast Module "  seperti pada gambar di bawah ini System Requirements : Operating Systems Support: Microsoft Windows 7 (32-bit and 64-bit) Starter / Home Basic / Home Premium /Professional / Ultimate. M