Home > Share > Membuat Script Cusros Ular-Ularan Di Blog
Membuat Script Cusros Ular-Ularan Di Blog
Posted on Sunday, January 20, 2013 by Unknown
Sebenarnya banyak sekali rupa serta bentuk animasi kursor yang mungkin kamu dapatkan, baik melalui website penyedia layanan javascript atau saat kamu blog walking. Ceritanya pas jalan-jalan ke Optimasi Blog dan menggerakkan kursor, tiba-tiba muncul serangkaian kata atau kalimat yang selalu mengikuti kursor tersebut. Bentuknya seperti ular-ularan meliuk dan melingkar, tapi anehnya tidak mematuk. Ia cuma mengikuti saja atau istilah kerennya "follow". Eh.. ngomong-ngomong follow, kamu sudah ikut mem-follow OB apa belum?
Kembali ke trik blogger kursor ular-ularan...
Nah, kamu pasti penasaran tentang cara membuatnya. Ngga, tuh!!! Ha.. ha.. gitu aja manyun. OK, ini dia triknya.
Nah, kamu pasti penasaran tentang cara membuatnya. Ngga, tuh!!! Ha.. ha.. gitu aja manyun. OK, ini dia triknya.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari kode </head>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
- Kalau sudah ketemu, copas kode berikut diatasnya.
<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: #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'>
//<![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 = "";
/* 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>
Catatan :
- Ganti kode yang berwarna merah berturut-turut dengan gaya teks, tebal tidaknya teks (bold atau normal), jenis font (arial, times new roman, verdana, georgia, de-el-el), dan warna teks
- Ganti tulisan yang berwarna merah dan berkedap-kedip dengan teks yang akan kamu tampilkan (mengikuti kursor).
- Ganti kode yang berwarna hijau, apabila kamu ingin merubah ukuran teks.
- Jangan lupa disimpan.
Category Article Share
Labels
- 10 Perkara Bukti Lelaki itu Rumit
- 10 perkara memeranjatkan di dalam suatu perkahwinan
- 10 Rahsia hidup indah
- 10 Sifat Calon Suami Yang Baik
- 10 Situasi Lelaki Yang Wanita Harus Fahami
- 10 Tips Melupakan Kekasih
- 14 Rahsia Miliki Mental Yang Baik
- 14 Signs of Your Soulmate
- 19 RAHSIA KEISTIMEWAAN WANITA
- 20 Sebab Laki Tak Kawin2
- 2020
- 3 Rahsia Lelaki yg Wanita Mesti Tau
- 404
- 44 Pantang Larang Bakal Pengantin
- 8 lokasi cari pasangan
- 8 Petanda Soulmate
- 9 Perkara Yg Tak Boleh Dibincang Ngan Lelaki
- 99 ways to LOVE
- aaron aziz
- Adakah Anda Bijak Memilih Pasangan Hidup?
- Agama
- aktiviti
- Al
- Allah
- Alya Lyrics
- Anang Lyrics
- ANDA PERLU TAHU
- Angry Bird
- Anuar Zain Lyrics
- Apit Lyrics
- Aplikasi
- Aris Ariwatan Lyrics
- Arrow Lyrics
- artis
- AVA
- Ayat Tersirat Perempuan
- azam baru
- baby
- Bahaya bercouple
- Banned
- Bapa
- barat
- Beautiful Picture
- belajar
- BELAJAR KAWAL PERASAAN DARI LELAKI
- bengang
- berhad
- berkobar - kobar
- bermula
- best
- Best On Youtube
- best. retro
- Beza Cinta Sayang Minat Dan Suka
- binatang
- Birthday -Colour Nature
- biskut
- Black Metal
- blogger
- blogspot
- bola sepak
- bonus
- Books
- Broery Marantika Lyrics
- Bumi Suci: Makkah dan Madinah
- bunuh
- cabaran
- Cake Personality Test
- Calculation Keserasian Pasangan
- cantik
- Carefree Lyrics
- cepumas
- Cerita
- Cerpen
- churp - churp
- cinta
- cite
- comel
- contest
- cool
- coretan
- Cradle Of Filth Lyrics
- cuba
- cute
- Dadali Lyrics
- Daniel Bedingfield lyrics
- dara
- darah
- Data Lyrics
- death
- Difference Between Love n Marriage
- doa
- Doa-doa
- Duetku List Lyrics
- Duit
- duka
- Dunia
- E.Y.E Lyrics
- Education
- enjoy
- entah
- Ezad Lyrics
- FAKTA SEBENAR LELAKI
- Favourite Stuff
- Funny Picture
- GA
- Gadjet
- Game
- Games
- gathering
- gembira
- gila
- Gile
- giler
- Global Issue
- gurindam
- hadis
- Hadith
- Haida Lyrics
- Haniz Zalika
- Haniz Zalikha
- hantu
- happy
- Hati
- HATI SEORANG WANITA
- Headwind Lyrics
- Herman Tino Lyrics
- hiba
- Hidayah
- Hijrah
- How To Make A Woman Happy
- Ibu
- idea
- Ilusi
- Imaginasi
- Imam Al-Ghazali
- Imam Mahadi
- Imam Syafie r.a
- Indonesia
- info
- info ad-din
- info halal
- Info Kesihatan
- Infomasi
- Informasi
- Information
- insaf
- Islam
- isu semasa
- Jaclyn Victor Lyrics
- jalan
- jalan - jalan
- jalan2
- Jamal Abdillah Lyrics
- Jenaka
- jepun
- Jimmy Palikat Lyrics
- jiwang
- Jodoh
- Joe Flizzo Lyrics
- jue aziz
- Just For Fun
- kahwin
- kajian
- kakitangan kerajaan
- Kalkulator automatik kira hantaran
- Kalthsom Lyrics
- Kapilla Lyrics
- karut
- Kasih
- kawan
- kecantikan
- Kecantikan Seorang Wanita
- kecewa
- Kehancuran
- kejam
- keji
- kematian
- Kenali hati budi seorang lelaki
- Kenali Siapa Lelaki
- kenangan
- kereta
- kerja
- Kesedihan
- Kesihatan dan Kecergasan
- Kewangan
- khairul fahmi
- Khalifah Lyrics
- kira - kira
- kisah si rama-rama
- koleksi Tips - Tips
- Komet
- korea
- kreatif
- kreativiti
- Kristal Lyrics
- kronologi
- kucing
- lagu
- lain2
- langkah
- Langkah Bestari Suami Mithali ( Dato' Dr. Mohd. Fadzilah Kamsah)
- lara
- lawak
- LAWAK HAHAHA
- layan
- lefthanded
- lelak
- lelaki
- LELAKI YANG DITARIK KE NERAKA
- lirik dan lagu
- lirik lagu
- lisa surihani
- List Lyrics
- lOve
- love song
- luahan+merepek
- Luaskan pandangan: Cameron Highland
- Luaskan pandangan: Padang
- Luaskan pandangan: Sarawak
- M Nasir Lyrics
- M.Nasir Lyrics
- makan
- Maklumat IT
- mantap
- marah
- Martial art :Silat
- matematik
- mati
- meeting
- Meggy Z Lyrics
- Melissa Lyrics
- MenaraLyrics
- Mengenal Kelemahan Lelaki (Oleh Dr.HM.Tuah )
- meraung
- Mitos Lelaki Terhadap Perempuan
- Monolog
- mood
- Motivasi
- Movies
- Music
- Muslimah
- News
- News Feed
- Nikmat
- Ning Lyrics
- Nora Danish
- novelis
- nuffnang
- ohsenyum
- ombak rindu
- ost lagu
- P. Ramlie Lyrics
- Pantun Perkahwinan
- penpatah
- PERBEZAAN OTAK LELAKI NGAN OTAK PEREMPUAN
- Percintaan
- perempuan
- perfume
- Perkataan Lazim Perempuan
- Perkongsian Ilmu
- Persoalan Jodoh
- Personal Test ujian dementia
- Personaliti Dan Binatang Dedah Rahsia Diri
- Petua Mendapat Pasangan
- Petua untuk suami dan bakal suami
- pilu
- politik
- power word
- program
- Promotion
- Pujangga Malam
- Pulau Bayan
- Pulau Lentakang
- racun
- Ragnarok
- rahsia
- Rahsia Anak2
- Rahsia Bentuk Kuku
- Rahsia Bentuk Wajah
- Rahsia Bibir Wanita
- Rahsia Bntk Gigi
- Rahsia Bntk Hidung
- Rahsia Buah Kegemaran
- Rahsia Bulan Kelahiran Dr Fadhilah Kamsah
- Rahsia cara si dia makan
- Rahsia Cemerlang dalam Pergaulan
- Rahsia Cinta
- Rahsia Citarasa Pemilik Kereta
- Rahsia Dahi
- Rahsia di sebalik nombor rumah
- Rahsia di sebalik senyuman
- Rahsia Diri
- Rahsia Diri Melalui Darah
- Rahsia diri melalui percutian
- Rahsia Diri Mengikut Bentuk Gigi
- Rahsia disebalik Baju T
- Rahsia Gadis Mengekalkan Keayuan
- Rahsia Gaya Tidur
- Rahsia Gerakan Jari
- Rahsia Hadiah Dari Si Dia
- Rahsia Hari Wanita Dilahirkan
- Rahsia Kasih Sayang Berdasarkan Bulan
- Rahsia Kedudukan Dalam Ahli Keluarga
- Rahsia Keserasian Pasangan
- Rahsia Kunci Hati
- Rahsia Lelaki
- Rahsia Lelaki dan Ragam
- Rahsia Mata Dan Pemikiran
- Rahsia Mata Wanita
- Rahsia mengenal Kegadisan
- Rahsia Mengenal Lelaki Dari Bulan Kelahiran Islam
- Rahsia mimpi
- Rahsia Minuman Kegemaran
- Rahsia Nama
- Rahsia Nombor Peribadi Anda
- Rahsia Perempuan
- Rahsia perempuan yg lelaki mesti baca
- Rahsia Perfume
- Rahsia Pergerakan Wanita
- RAHSIA PERSONALITI
- Rahsia Perwatakan Lelaki Melalui Gaya Seluar
- Rahsia Pikat Lelaki
- Rahsia Punggung
- Rahsia Rambut Lelaki
- Rahsia Sifat Lelaki
- Rahsia Sifat Wanita Menurut Primbon Jawa
- Rahsia Tabiat Wanita
- Rahsia Tahi Lalat
- Rahsia Tandatangan
- Rahsia Tapak Tangan
- Rahsia Tarikh Lahir
- Rahsia Tido+Bantal
- Rahsia Tulisan by Dr Fadhilah Kamsah
- Rahsia Wajah
- Rahsia WANITA
- Rahsia Wanita Api Tanah Angin dan Air
- Rahsia Wanita Berjalan
- Rahsia Wanita vs Lelaki
- Rahsia Warna Dan Corak Tali Leher
- Rahsia Warna Dan Si Pemakai
- Rahsia Warna Kegemaran
- Rahsia Warna Kegemaran Lelaki
- Rahsia Warna Kegemaran Wanita
- Rahsia Warna Lipstik
- Rahsia Warna Untuk Kesihatan
- Rahsia Zodiak
- ramadhan
- Ramli Sarip Lyrics
- Rasu
- Rasulku
- Raya
- Renungan
- renungan bersama..
- review
- rindu
- Rohana Jalil Lyrics
- Rohayu Majid Lyrics
- Rokiah Wanda Lyrics
- Rossa Lyrics
- s
- sakit
- Salwa A.Rahman Lyrics
- samurai
- sayang
- sayu
- Scam Alert
- Search Lyrics
- Secret-Birtday Date Meanings
- sedap
- sedih
- Sejati Lyrics
- Seksa
- seksi
- selling
- sentap
- Senyum Jelah
- seram
- Share
- Shila Lyrics
- shoping
- Shower Test
- sibuk
- SIFAT LELAKI BERDASARKAN RAMBUTNYA.
- sila semak
- Siti Nurhaliza Lyrics
- soalan
- Software
- Solat
- Son Of Adam Lyrics
- strategik
- Sudirman Lyrics
- suka
- sukan
- sukaneka
- sukia
- Sungai Sugla
- Sungai Tarbala
- Sunnah
- suratkhabar
- syarikat
- syukur
- Tafsir Mimpi
- Tajul Muluk
- takde idea
- tamat
- Tanah Indra Rasia
- Tanda Lelaki Tiada Duit
- TANDA-TANDA BERBOHONG
- TANDA-TANDA LELAKI JATUH CINTA
- Tanda-tanda Lelaki Yang Belum Bersedia Untuk Bernikah
- tanya
- Tazkirah
- teka teki
- Teknologi
- temuduga: calon jenazah
- teruna
- The Meaning of Your Name
- tidur
- TIME COUPLE VS DAH BREAK
- Times Squares
- Tips - Tips
- Tips Bertemu Bakal Mertua
- TIPS CINTA SUAMI ISTERI
- Tips Dalam Berpasangan
- Tips kesihatan
- Tips Pikat Lelaki
- Toki Lyrics
- Tribute
- Tributes Follower
- tuan puteri
- Tuhanku
- UFO
- Ujian Personaliti
- Ujian Psikologi
- Ujian Psikologi Mengenal Sahabat
- Ukays Lyrics
- ukhwah
- Video
- Wali Song
- wangi
- wanita
- What month were you born in?
- wordless wednesday
- Yuna Lyrics
- Zaiton Sameon Lyrics
- zila bakarin
- Zodiak dan Makanan Kegemaran