Selasa, 24 Juli 2012

Membuat Tampilan Gambar Link / Tautan Bergoyang Nan Kerenzz...

Bismillahirrohmanirrohim………

Asslamualaikum wr wb

Salam sobat blogger ... bagaimana kabar anda semua .. pasti sehat bukan .. kali ini coba mau share cara membuat link bergoyang saat disentuh mouse / Nudging otomatis. Cara ini dapat dari banyak sumber blogger. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ini menggunakan script jQuery yang nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ini akan semakin mempercantik tampilan blog sobat.


Cara membuatnya :
1. Login ke akun Blogger sobat
2. Pilih Rancangan -- Edit Html (download template anda untuk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template
3. Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F / F3 )
4. Copy paste script di bawah ini Pasang kode diatas </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>

5. Save Jika sudah selesai sobat
6. Coba lihat tampilan pada blog sobat….gimana kerenkan ? Uhuuuuyy…..hehehe

Selamat mencoba sobat dan silahkan kasih tahu am sobat blogger lain yang pemula…..Ok.
Eits jangan lupa tulis kritik dan saran di kotak komentar ya dan gabung jadi my followers……trims

Wasslamualaikum wr wb
Share

0 komentar:



:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j:
:ka: :kb: :kc: :kd: :ke: :kf: :kg:
:kh: :ki: :kj: :kk: :kl: :km: :kn: :km: :ko:

Poskan Komentar

Silahkan Memberikan Kritik $ Saran :