Jumat, 24 Februari 2012


 Cara Membuat Link Bergerak Dengan Jquery di Blog – Sobat blogger se tanah air , kembali lagi saya share info terbaru . Postingku kali ini sedikit membahas Jquery , ya unutk menambah kesan indah di blog . Oke ngga usah panjang lebar langsung turun ke TKP :

Berikut langkah-langkahnya:

1.      Login ke Blogger > Template > Edit HTML >  Expand Widgets Templates
2.      Lalu cari kode berkut: </head>  (gunakan Ctrl+F di keyboard untuk memudahkan pencarian) , setelah ketemu paste  kode CSS berikut tepat diataskode  </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>


Sekarang simpanlah template sobat.

0 komentar:

Posting Komentar