cara membuat Cursor Animasi Naga Terbang

Panduan BloGGeR Special Cursor ini merupakan posting serial tentang berbagai cursor animasi yang dapat digunakan di BloGGeR. Cursor Animasi Naga Terbang adalah sebuah cursor yang dibangun menggunakan javascript untuk membuat animasi teks yang dapat di isi dengan identitas blogger atau kata-kata yang lain. Sangat menarik karena kompatibel dengan semua browser yang ada dan selaman ini menjadi browser terpopuler di Indonesia, seperti Opera, Mozzila dan Internet Explorer.

Teks animasi pada cursor animasi Naga Terbang didesain membentuk sebuah lingkaran seperti layaknya bumi yang berputar mengelilingi semesta. Saat cursor digerakkan maka teks akan bergerak mengikuti gerak mouse laksana naga yang sedang terbang dengan penuh keanggunan layaknya penari Bali yang sedang menggeliat menarikan Pendet dan Legong, atau seperti prawan Jawa sedang menarikan Serimpi. Sinaga Terbang pun akan  berdiam diri dengan mengangguk-angguk sambil berputar-putar mengitari ujung cursor, ketika jemari menghentikan gerak si cursor naga terbang.   Sangat indah dan pastinya sangat menarik untuk coba digunakan di blog sebagai penambah keindahan.

Cara membuat dan memasang Cursor Animasi Naga Terbang:

1. Login : Login ke BloGGer dan lanjutkan KLIK “Tata Letak” (masuk Elemen Laman), kemudian KLIK “Tambah Gadget”.
2. HTML/Javascript : KLIK untuk menambahkan widget baru (cursor Animasi Naga Terbang).
3. Copy paste Kode CSS dan Javascript berikut dalam box widget (HTML/Javascript) yang tersedia.
4. Kode CSS dan Javascript cursor animasi Naga Terbang :

<style type="text/css">
/* http://gubhugreyot.blogdetik.com */
#outerCircleText {
        font-weight: bold;
        font-family: cursive;
        color: #0000cc;
        position:absolute;
        top:0;
        left:0;
        z-index:99999;
}
#outerCircleText div {
        position: relative;
}
#outerCircleText div div {
        position: absolute;
        top:0;
        left:0;
        text-align:center;
}
</style>

<script type="text/javascript">
Letakkan Javascript di sini setelah download
</script>

5. Download Javascript :KLIK link di bawah ini untuk download javascript cursor animasi Naga Terbang :
   
6. SIMPAN : KLIK “Simpan”, kemudian buka blog untuk melihat penampilan cursor animasi Naga Terbang.
7. Ganti Teks : Untuk menampilkan identitas sampeyan di blog, ganti teks yang bertuliskan “gubhuhreyot-blogspot-com*bgsGR*” dengan teks yang sesuai dengan blog atau identitas sampeyan.
8. Tutorial Lain : Berbagai tutorial dan panduan blogger dan blogDETIK dapat sampeyan buka dengan 

Read more »