Guest Book UT24-WEB.INFO Silahkan Tinggalkan Jejak Disini, Tapi Ingat Jagalah Kesopanan...!!
.:: Happy Blogging ::.

Cara Membuat Link Bergoyang di Blog


Cara Membuat Link Bergoyang di Blog - Cara menciptakan link yang bisa bergoyang/nudging di blog atau cara membuat link yang dapat bergoyang jika terkena pointer mouse. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ini menggunakan script via jQuery yang nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ini akan semakin mempercantik tampilan blog Agan.


Cara membuatnya :
  • Login ke akun Blogger sobat.
  • Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  • Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F ).
  • Copy paste script jQuery di bawah ini sebelum kode tersebut
<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>
  • Simpan Template dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.

Original Posted by : ADMIN

Komentar anda sangat membantu perkembangan blog ini!!


Share this article now with your friends !

Posted by : Unknown ~ / Tuorial , Tips Trik , Gadget , SEO

Artikel Cara Membuat Link Bergoyang di Blog diposting oleh Unknown pada . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging

+ Create Comment + 2 Responses so far.

Anonim
14 Desember 2012 pukul 01.59

Wah kren gan, Izin coba ya

visit http://www.laebodat.blogspot.com

21 Desember 2012 pukul 00.07

yh gan !!
coba aja

Mksih dh berkunnjung !
Ntar Ane Kunjungin Balik :)

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Leave a comment

Get Update Via E-Mail

Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 245 pengikut lainnya...!



 

Copyright © - Tutorial Blogspot / All Rights Reserved.
Copyright © 2012 -