Minggu, 09 Oktober 2011

Cara Membuat Animasi Pada Cursor

3 komentar
Hello para sobat blogger semua, to the point aja ya... untuk membuat blog terlihat lebih menarik disini saya akan sharing cara membuat article spinning pada kursor blog. dimana tulisan tersebut berputar mengelilingi cursor pada blog. apabila cursor dipindahkan maka tulisan tersebut juga akan berpindah mengikuti arah cursor dan terlihat seperti sebuah benda yang sedang terbang di angkasa. dan apabila cursornya di diamkan maka tulisan tersebut akan berputar mengelilingi cursor seperti bumi berputar. bagaimana cara membuatnya? chekout !!!


1. Login ke bloggger, masuk ke Rancangan pilih elemen halaman dan klik
    Tambah gadget.
2. Pilih HTML/javascript dan masukkan kode berikut.

<style type="text/css">
/* http://adhiejapannezz.blogspot.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 javascriptnya disini setelah di download
</script>

4. Download javascriptnya disini 
5. Masukkan java script tersebut sesuai perintah diatas dan klik SAVE. 
6. Ubah (adhiejapannezz.blogspot.com) pada java script sesuai keinginan anda.



Brikan Komentar Anda

3 komentar:

Unknown mengatakan...

Wah nice gan :)
Salam blogger.. hehehe
saya baru belajar,
btw itu nanti bukannya semakin pengaruh saat orang buka site kita akan semakin lambat?

adhie mengatakan...

pengaruhnya cuman sedikit kok sobbb... itu ngak terlalu berat....

Unknown mengatakan...

Makasih banget nech, membantu sekali pada saya yang masih belajar,,

Posting Komentar