Minggu, 10 Januari 2016

Posted by Unknown in | 22.14 No comments

Membuat Link Bergerak (Bergoyang) Membuat Link Bergerak (Bergoyang) Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh. Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. Dulu ada cara membuat link menjadi pelangi, bahkan juga ada membuat link berkedip-kedip. Sekarang kita akan belajar membuat link yang bergoyang ;) Cara Membuat Link Bergerak (Bergoyang)

1. Login ke Blogger.
 2. Di halaman Dasbor, kita pilih Rancangan./ TEMPLATE
3. Kemudian pilih Edit HTML
4. Tekan key board ctrl+F  lalu cari kode head>
5. Taruh kode berikut di atas kode head >   .

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

Atu yang ini pilih salah satu di bawah ini


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>


 6. Simpan Template jika sudah selesai.dan klik judul blognya dan lihat hihiihiihiihiihiihii  goyang dumang

0 komentar:

Posting Komentar

Search

Bookmark Us

Delicious Digg Facebook Favorites More Stumbleupon Twitter