Cara Membuat Link Dengan Efek Bergerak Di Blog

Cara Membuat Link Dengan Efek Bergerak Di Blog - Selamat pagi para pengujung Pelajar Blogger, dikesempatan kali ini saya Ridhwan Al Ma'ruf akan membawakan sebuah artikel tentang Tutorial Blog yaitu Cara Membuat Link Dengan Efek Bergerak Di Blog. Sebelumnya saya telah memostingkan tentang Tutorial Blog juga yang berjudulkan Cara Membuat Burung Twitter Terbang Di Blog yang pastinya menarik dan bermanfaat sekali. 

Cara Membuat Link Dengan Efek Bergerak Di Blog - Link bergerak yang saya maksudkan disini bukanlah Link yang bergerak kekiri atau kekanan (marquee), melainkan adalah Link yang akan bergerak jika didekati oleh cursor. Jadi kita bisa membedakan mana teks biasa dan teks yang mengandung Link. Untuk cara pembuatannya, silahkan ikuti tutorial Cara Membuat Link Dengan Efek Bergerak Di Blog berikut ini :

1. Loggin ke Blog

2. Masuk ke Menu Edit HTML lalu cari kode </head>

3. Jika sudah ketemu, letakan kode dibawah ini tepat diatas 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>

4. Terakhir, klik Simpan

Sekian dari Pelajar Blogger tentang Cara Membuat Link Dengan Efek Bergerak Di Blog, semoga bermanfaat dan saya ucapkan terimakasih!

3 komentar:

SILAHKAN BERKOMENTAR DENGAN TUTUR KATA YANG SOPAN!

Terimakasih!