Cara Membuat Tulisan Bergerak Mengikuti Kursor di Blog

Hallo sobat SEMUA .. Apa kabar Kalian hari Suami? Saya Harap Kalian sehat Dan Baik-baik Saja :)
Baiklah, PADA kesempatan yang Baik Suami, Gede sitdown Blog akan memposting artikel Mengenai  cara membuat Tulisan agar mengikuti Kursor di blog.  * Menurut Saya, tujuan Dari Pembuatan Suami Hanyalah SEBAGAI kreasi untuk review Mempercantik tampilan blog Dan SEBAGAI Informasi Bagi sobat blogger berbaring Yang Ingin membuatnya agar terlihat BERBEDA Dari tampilan blog yang lain Seperti Yang terlihat PADA blog inisial. Baiklah, Bagi Yang tertarik Dan Ingin membuatnya, berikut inisial Langkah-Langkah  cara membuat Teks / Tulisan mengikuti Gerakan kursor di blog:

1. MASUK KE dashbor blog sobat.
2. Klik Tata letak >> Gadget Tambah >> Pilih HTML / Java Script.
3. Copy kode berikut kotak KE hearts HTML / Java Script

<style type = 'text / css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: & # 39; komik sans ms & # 39 ;, verdana, arial;
color: # ff840a;

position: absolute; top: 0; left: 0; z-index: 3000; kursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute; top: 0; left: 0; text-align: center;}

</ style>
<script type = 'text / javascript'>
// <! [CDATA [

;(fungsi(){

// Pesanmu here, bahasa sundanya Yaitu "Pesan anjeun di dieu .." hehehe ... (DIKUTIP STRING)
var msg = "Tulisan YANG INGIN DITAMPILKAN";


// Mengatur ukuran font style untuk menghitung dimensi
// Set untuk jumlah piksel yang diinginkan ukuran font (desimal dan angka negatif tidak diperbolehkan)
ukuran var = 25;

// Set kedua ke 1 untuk lingkaran polos, menetapkan satu dari mereka untuk 2 untuk oval
// Nomor & desimal lain dapat memiliki efek yang menarik, tetap ini rendah (0-3)
var circleY = 0,75; var circleX = 2;

// Lebih besar pembagi ini, semakin kecil ruang antara huruf
// (Desimal diperbolehkan, tidak angka negatif)
var letter_spacing = 5;

// Lebih besar multiplier ini, semakin besar lingkaran / oval
// (Desimal diperbolehkan, tidak angka negatif, beberapa pembulatan diterapkan)
diameter var = 10;

// Kecepatan rotasi, mengaturnya negatif jika Anda ingin berputar searah jarum jam (desimal diperbolehkan)
rotasi var = 0,2;

// Ini tidak kecepatan rotasi, yang kecepatan reaksi, tetap rendah!
// Set ini untuk 1 atau desimal kurang dari satu (desimal diperbolehkan, tidak angka negatif)
kecepatan var = 0,3;

// Berhenti NGEDITNYA ..! Parantos cicing di dieu! Ulah diteraskeun ..! //

jika (window.addEventListener && window.attachEvent || document.createElement!!!) kembali;

msg = msg.split ('');
var n = msg.length - 1, a = Math.round (ukuran 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,

tikus = function (e) {
e = e || window.event;
ymouse =! Isnan (e.pageY)? e.pageY: e.clientY; // Y-posisi
xmouse =! Isnan (e.pageX)? e.pageX: e.clientX; // X-posisi
},

makecircle = function () {// rotasi / positioning
jika (init.nopy) {
o.style.top = (b || document.body) .scrollTop + 'px';
o.style.left = (b document.body ||) .scrollLeft + 'px';
};
currStep - = rotasi;
for (var d, i = n; i> -1; -Saya) {// membuat lingkaran
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';
};
},

tarik = function () {// membuat perlawanan
y [0] = Y [0] + = (ymouse - Y [0]) * kecepatan;
x [0] = X [0] + = (xmouse - 20 - X [0]) * kecepatan;
for (var i = n; i> 0; -Saya) {
y [i] = Y [i] + = (y [i-1] - Y [i]) * kecepatan;
x [i] = X [i] + = (x [i-1] - X [i]) * kecepatan;
};
makecircle ();
},

init = function () {// menambahkan div pesan, & menetapkan nilai awal untuk array posisi
if (! Isnan (window.pageYOffset)) {
ymouse + = window.pageYOffset;
xmouse + = window.pageXOffset;
} Else init.nopy = true;
for (var d, i = n; i> -1; -Saya) {
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 = ukuran + 'px';

jika (window.addEventListener) {
window.addEventListener ('beban', init, false);
document.addEventListener ('mouseover', mouse, false);
document.addEventListener ('mousemove', mouse, false);
jika (/Apple/.test(navigator.vendor))
window.addEventListener ('scroll', ascroll, false);
}
lain jika (window.attachEvent) {
window.attachEvent ('onload', init);
document.attachEvent ('onmousemove', mouse);
};

}) ();
//]]>
</ script>
 Penting: Ganti Tulisan Yang berwarna merah  DENGAN Tulisan / Teks Yang sobat inginkan.

4. Simpan Dan lihat hasilnya.

Bagaimana? Mudah Sekali Bukan? :)
Demikianlah postingan Mengenai  cara membuat Tulisan mengikuti Kursor di blog  kali ini Label. Semoga bermanfaat buat SEMUA.