Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog - Nambah tutorial lagi sobat saya... Makin hari makin tambah postingan. Artikel sebelumnya, saya pernah posting tutorial yang sejenis dan sama dengan tutorial ini, Cara Membuat Efek Link Membesar Saat Disentuh Kursor tapi, sedikit perbedaan dengan tutorial yang tadi saya sebut. Perbedaannya sangat kecil. Cara Membuat Efek Link Bergoyang Saat Disentuh Cursor Blog, link nya bisa bergerak jika disentuh cursor blog. Jika tutorial sebelumnya efek link membesar atau zoom saat disentuh cursor blog, link nya bisa membesar jika disentuh cursor blog sobat.
Nah, tutorial ini banyak sekali digunkan oleh para Blogger daripada tutorial link membesar saat disentuh cursor blog. Mungkin, sobat sendiri yang pernah berkunjung dan mampir ke blog orang. Ketika cursor blog diarahkan ke link, maka link tersebut akan bergerak. Nah, itu adalah salah satu efek link di blog. Dan, saya akan jelaskan salah satu efek link di blog dari banyaknya efek link di blog. Mungkin, lain kali saya akan posting tentang efek link di blog yang lain.
Buat sobat yang ingin link nya bergerak saat disentuh cursor blog, bisa di coba... Tidak rumit, tidak juga memberatkan blog sobat.
Nah, tutorial ini banyak sekali digunkan oleh para Blogger daripada tutorial link membesar saat disentuh cursor blog. Mungkin, sobat sendiri yang pernah berkunjung dan mampir ke blog orang. Ketika cursor blog diarahkan ke link, maka link tersebut akan bergerak. Nah, itu adalah salah satu efek link di blog. Dan, saya akan jelaskan salah satu efek link di blog dari banyaknya efek link di blog. Mungkin, lain kali saya akan posting tentang efek link di blog yang lain.
Buat sobat yang ingin link nya bergerak saat disentuh cursor blog, bisa di coba... Tidak rumit, tidak juga memberatkan blog sobat.
Seperti biasa, 1. Sign in Blogger
2. Tata letak/layout
3. Add gadget
4. HTML/javascript
5. Copast kode dibawah:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>
6. Simpan perubahan
7. Coba dekatkan kursor dilink yg ada
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ
Judul | Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog |
Deskripsi | Cara membuat efek link bergerak saat disentuh cursor blog merupakan salah satu efek link di blog yang membuat link bergerak saat disentuh cursor blog. |
Author | |
Author Rating | 71%/ 100% Suara Dari 1432 votes |
terimakasih banyak sob, sangat membantu sekali tutorialnya...
ReplyDelete