buat kursor animation

Rabu, 17 Maret 2010

buat kursor animation

Berbagai upaya kita lakukan demi membuat blog kita tampil cantik dan menawan. Namun terkadang perubahan yang kita lakukan pada blog terlalu berlebihan sehingga bukanya blog menjadi lebih cantik namun malah membuat loading blog semakin lambat. Dan pengunjungpun berkurang.

Untuk itu Anda perlu selektif dalam menampilkan widget/animasi di blog agar tidak menjadi berlebihan. Nah, dalam Tips Blogger kali ini saya akan membahas tentang cara mempercantik blog dengan membuat tampilan kursor animasi di blog kita. Animasi kursor tersebut tampil setiap kali pengunjung menggerakan kursornya di halaman blog kita.

Jangan khawatir, tips membuat animasi kursor ini tidak berdampak terhadap kecepatan loading blog Anda. Langsung saja kita bahas satu persatu cara membuat animasi kursor di blog :

1. Langkah pertama login dahulu ke akun blogger Anda
2. Pada dashboard, pilih Edit Layout–> Edit HTML.

PENTING : Sebelum melakukan edit template, sebaiknya simpan dulu template blog Anda mengklik tulisan “Download Template Lengkap”. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Anda sudah memiliki back-up untuk mengembalikannya seperti semula.

3. Jika sudah, cari kode dan Copy-Paste kode berikut di atasnya :

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: regular;
font-weight: bold;
font-family: 'bell mt', tahoma, arial;
color: #0080FF;
/* 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 = "Ketik Teks Anda di Sini";

/* 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 = 16;

// 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>

Tips : Untuk mempermudah menemukan kode tersebut tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser , kemudian tinggal ketikan kata yang ingin Anda cari.

PENTING :
a. Ganti kode
- font-style: regular; (ganti dengan underline untuk gaya teks bergaris atau italic untuk teks miring)

- font-weight: bold; (ganti dengan bold untuk gaya teks tebal atau normal untuk teks normal)

- font-family: 'bell mt', tahoma, arial; (ganti dengan jenis font yang Anda inginkan)

- color: #0080FF; (ganti dengan kode warna yang Anda inginkan, untuk melihat kode warna klik di sini Kode HTML Warna Untuk Blog)

b. Ganti tulisan yang berwarna merah Ketik Teks Anda di Sini dengan teks yang Anda inginkan
c. Ganti kode var size = 16 sesuai dengan ukuran teks yang Anda inginkan.

4. Jika sudah selesai kemudian klik “Simpan Template”

0 komentar:

Posting Komentar

sejarah

sejarah reog ponorogo sejarah batik lagu indonesia

Pada dasarnya ada lima versi cerita populer yang berkembang di masyarakat tentang asal-usul Reog dan Warok [1], namun salah satu cerita yang paling terkenal adalah cerita tentang pemberontakan Ki Ageng Kutu, seorang abdi kerajaan pada masa Bhre Kertabhumi, Raja Majapahit terakhir yang berkuasa pada abad ke-15. Ki Ageng Kutu murka akan pengaruh kuat dari pihak rekan Cina rajanya dalam pemerintahan dan prilaku raja yang korup, ia pun melihat bahwa kekuasaan Kerajaan Majapahit akan berakhir. Ia lalu meninggalkan sang raja dan mendirikan perguruan dimana ia mengajar anak-anak muda seni bela diri, ilmu kekebalan diri, dan ilmu kesempurnaan dengan harapan bahwa anak-anak muda ini akan menjadi bibit dari kebangkitan lagi kerajaan Majapahit kelak. Sadar bahwa pasukannya terlalu kecil untuk melawan pasukan kerajaan maka pesan politis Ki Ageng Kutu disampaikan melalui pertunjukan seni Reog, yang merupakan "sindiran" kepada Raja Bra Kertabumi dan kerajaannya. Pagelaran Reog menjadi cara Ki Ageng Kutu membangun perlawanan masyarakat lokal menggunakan kepopuleran Reog. Topeng barong reog yang dipakai sebagai atraksi penutup. Dalam pertunjukan Reog ditampilkan topeng berbentuk kepala singa yang dikenal sebagai "Singa Barong", raja hutan, yang menjadi simbol untuk Kertabumi, dan diatasnya ditancapkan bulu-bulu merak hingga menyerupai kipas raksasa yang menyimbolkan pengaruh kuat para rekan Cinanya yang mengatur dari atas segala gerak-geriknya. Jatilan, yang diperankan oleh kelompok penari gemblak yang menunggangi kuda-kudaan menjadi simbol kekuatan pasukan Kerajaan Majapahit yang menjadi perbandingan kontras dengan kekuatan warok, yang berada dibalik topeng badut merah yang menjadi simbol untuk Ki Ageng Kutu, sendirian dan menopang berat topeng singabarong yang mencapai lebih dari 50kg hanya dengan menggunakan giginya [2]. Populernya Reog Ki Ageng Kutu akhirnya menyebabkan Kertabumi mengambil tindakan dan menyerang perguruannya, pemberontakan oleh warok dengan cepat diatasi, dan perguruan dilarang untuk melanjutkan pengajaran akan warok. Namun murid-murid Ki Ageng kutu tetap melanjutkannya secara diam-diam. Walaupun begitu, kesenian Reognya sendiri masih diperbolehkan untuk dipentaskan karena sudah menjadi pertunjukan populer diantara masyarakat, namun jalan ceritanya memiliki alur baru dimana ditambahkan karakter-karakter dari cerita rakyat Ponorogo yaitu Kelono Sewondono, Dewi Songgolangit, and Sri Genthayu. Versi resmi alur cerita Reog Ponorogo kini adalah cerita tentang Raja Ponorogo yang berniat melamar putri Kediri, Dewi Ragil Kuning, namun ditengah perjalanan ia dicegat oleh Raja Singabarong dari Kediri. Pasukan Raja Singabarong terdiri dari merak dan singa, sedangkan dari pihak Kerajaan Ponorogo Raja Kelono dan Wakilnya Bujanganom, dikawal oleh warok (pria berpakaian hitam-hitam dalam tariannya), dan warok ini memiliki ilmu hitam mematikan. Seluruh tariannya merupakan tarian perang antara Kerajaan Kediri dan Kerajaan Ponorogo, dan mengadu ilmu hitam antara keduanya, para penari dalam keadaan 'kerasukan' saat mementaskan tariannya [3] . Hingga kini masyarakat Ponorogo hanya mengikuti apa yang menjadi warisan leluhur mereka sebagai pewarisan budaya yang sangat kaya. Dalam pengalamannya Seni Reog merupakan cipta kreasi manusia yang terbentuk adanya aliran kepercayaan yang ada secara turun temurun dan terjaga. Upacaranya pun menggunakan syarat-syarat yang tidak mudah bagi orang awam untuk memenuhinya tanpa adanya garis keturunan yang jelas. mereka menganut garis keturunan Parental dan hukum adat yang masih berlaku.

Seni pewarnaan kain dengan teknik pencegahan pewarnaan menggunakan malam adalah salah satu bentuk seni kuno. Penemuan di Mesir menunjukkan bahwa teknik ini telah dikenal semenjak abad ke-4 SM, dengan diketemukannya kain pembungkus mumi yang juga dilapisi malam untuk membentuk pola. Di Asia, teknik serupa batik juga diterapkan di Tiongkok semasa Dinasti T'ang (618-907) serta di India dan Jepang semasa Periode Nara (645-794). Di Afrika, teknik seperti batik dikenal oleh Suku Yoruba di Nigeria, serta Suku Soninke dan Wolof di Senegal.[2]. Di Indonesia, batik dipercaya sudah ada semenjak zaman Majapahit, dan menjadi sangat populer akhir abad XVIII atau awal abad XIX. Batik yang dihasilkan ialah semuanya batik tulis sampai awal abad XX dan batik cap baru dikenal setelah Perang Dunia I atau sekitar tahun 1920-an.[3] Walaupun kata "batik" berasal dari bahasa Jawa, kehadiran batik di Jawa sendiri tidaklah tercatat. G.P. Rouffaer berpendapat bahwa tehnik batik ini kemungkinan diperkenalkan dari India atau Srilangka pada abad ke-6 atau ke-7. [2]Di sisi lain, J.L.A. Brandes (arkeolog Belanda) dan F.A. Sutjipto (arkeolog Indonesia) percaya bahwa tradisi batik adalah asli dari daerah seperti Toraja, Flores, Halmahera, dan Papua. Perlu dicatat bahwa wilayah tersebut bukanlah area yang dipengaruhi oleh Hinduisme tetapi diketahui memiliki tradisi kuna membuat batik.[4] G.P. Rouffaer juga melaporkan bahwa pola gringsing sudah dikenal sejak abad ke-12 di Kediri, Jawa Timur. Dia menyimpulkan bahwa pola seperti ini hanya bisa dibentuk dengan menggunakan alat canting, sehingga ia berpendapat bahwa canting ditemukan di Jawa pada masa sekitar itu.[4] Legenda dalam literatur Melayu abad ke-17, Sulalatus Salatin menceritakan Laksamana Hang Nadim yang diperintahkan oleh Sultan Mahmud untuk berlayar ke India agar mendapatkan 140 lembar kain serasah dengan pola 40 jenis bunga pada setiap lembarnya. Karena tidak mampu memenuhi perintah itu, dia membuat sendiri kain-kain itu. Namun sayangnya kapalnya karam dalam perjalanan pulang dan hanya mampu membawa empat lembar sehingga membuat sang Sultan kecewa.[5] Oleh beberapa penafsir,who? serasah itu ditafsirkan sebagai batik. Dalam literatur Eropa, teknik batik ini pertama kali diceritakan dalam buku History of Java (London, 1817) tulisan Sir Thomas Stamford Raffles. Ia pernah menjadi Gubernur Inggris di Jawa semasa Napoleon menduduki Belanda. Pada 1873 seorang saudagar Belanda Van Rijekevorsel memberikan selembar batik yang diperolehnya saat berkunjung ke Indonesia ke Museum Etnik di Rotterdam dan pada awal abad ke-19 itulah batik mulai mencapai masa keemasannya. Sewaktu dipamerkan di Exposition Universelle di Paris pada tahun 1900, batik Indonesia memukau publik dan seniman.[2] Semenjak industrialisasi dan globalisasi, yang memperkenalkan teknik otomatisasi, batik jenis baru muncul, dikenal sebagai batik cap dan batik cetak, sementara batik tradisional yang diproduksi dengan teknik tulisan tangan menggunakan canting dan malam disebut batik tulis. Pada saat yang sama imigran dari Indonesia ke Persekutuan Malaya juga membawa batik bersama mereka.

Ketika mempublikasikan Indonesia Raya tahun 1928, Wage Rudolf Soepratman dengan jelas menuliskan "lagu kebangsaan" di bawah judul Indonesia Raya. Teks lagu Indonesia Raya dipublikasikan pertama kali oleh suratkabar Sin Po. Setelah dikumandangkan tahun 1928 dihadapan para peserta Kongres Pemuda II dengan biola, pemerintah kolonial Hindia Belanda segera melarang penyebutan lagu kebangsaan bagi Indonesia Raya. Meskipun demikian, para pemuda tidak gentar. Mereka ikuti lagu itu dengan mengucapkan "Mulia, Mulia!", bukan "Merdeka, Merdeka!" pada refrein. Akan tetapi, tetap saja mereka menganggap lagu itu sebagai lagu kebangsaan.[rujukan?] Selanjutnya lagu Indonesia Raya selalu dinyanyikan pada setiap rapat partai-partai politik. Setelah Indonesia merdeka, lagu itu ditetapkan sebagai lagu Kebangsaan perlambang persatuan bangsa. Namun pada saat menjelaskan hasil Festival Film Indonesia (FFI) 2006 yang kontroversial dan pada kompas tahun 1990-an, Remy Sylado, seorang budayawan dan seniman senior Indonesia mengatakan bahwa lagu Indonesia Raya merupakan jiplakan dari sebuah lagu yang diciptakan tahun 1600-an berjudul Lekka Lekka Pinda Pinda. Kaye A. Solapung, seorang pengamat musik, menanggap tulisan Remy dalam Kompas tanggal 22 Desember 1991. Ia mengatakan bahwa Remy hanya sekadar mengulang tuduhan Amir Pasaribu pada tahun 1950-an. Ia juga mengatakan dengan mengutip Amir Pasaribu bahwa dalam literatur musik, ada lagu Lekka Lekka Pinda Pinda di Belanda, begitu pula Boola-Boola di Amerika Serikat. Solapung kemudian membedah lagu-lagu itu. Menurutnya, lagu Boola-boola dan Lekka Lekka tidak sama persis dengan Indonesia Raya, dengan hanya delapan ketuk yang sama. Begitu juga dengan penggunaan Chord yang jelas berbeda. Sehingga, ia menyimpulkan bahwa Indonesia Raya tidak menjiplak