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.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>
6. Simpan Template jika sudah selesai.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p
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.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
6. Simpan Template jika sudah selesai.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p
wah mantap ni sob...
BalasHapussy coba dulu...
wah mantap ni sob...
BalasHapussy coba dulu...
trima kasih mas atas infonya,
BalasHapussya minta tolong gimana ya tukar link itu, aku masih bingung???he...he...
kak, kan ada tempat untuk biasanya nulis email, kata sandi, dll. gimana cara mbuat tempat itu? (label)
BalasHapuskak, kan ada tempat untuk biasanya nulis email, kata sandi, dll. gimana cara mbuat tempat itu? (label)
BalasHapusmantaaffffffffffffffffffffffffffff tingkiyu,,, visit back my blog
BalasHapuslink sobat nanti mau ane posting di blog ane master..
BalasHapusnice blog ..
BalasHapusmampir n follow blog ane gan
mantap informasinya sob...
BalasHapusmakasi ya...
Siip gan !!
BalasHapus#salam kenal.
Diifollow ya, pastiku folback.
+tinggalkan komeng, :)
kereen mas...unik
BalasHapusterima kasih ya ???
BalasHapus:P Makasih! ini yang direquest di twitter! ;))
BalasHapusmasih belum mudeng aku maz... maklum amatiran...
BalasHapusngk ah
BalasHapusmakasih banget =))
BalasHapusTerima kasih sob artikel Loe Mantap !!!, sip...
BalasHapusLangsung gw follow, follow back ya ?? ;;)
kang cara membuat yang ada di bawah kotak telusur gimana tuh kren abis..
BalasHapusTriknya kirim email ja edyyjoenaedy@gmail.com
pertamax....
BalasHapusmakasih mas tutorialny =D
BalasHapussudah dipraktekin,, dan hasilnya kereeen ^^
jadi goyang-goyang,, thanks infonya... keren banget... :)
BalasHapustambah lagi ilmunya... :D
BalasHapushebat gan bru nmu ane link bsa kyak gtu
BalasHapusmanteb gan
BalasHapusthanks sudah share perlu dicoba
BalasHapuswiiih keren amat bos, langsung di cobain ah... di goyang diblog anee...mantaab :)
BalasHapusmantab gannn ijin copas scripnya gan :) lam kenal juga :)
BalasHapusoya lupa unjuk gigi dulu ahhh --->> :D
Asdasdasd mantra berhasil!!!
BalasHapusIjin copas script nya yooooooooooo... TQQ :D
cari Rancangannya dimana ?
BalasHapusmaklum baru ~x(
MAKASIH TUTOR NYA MASBOSS........
BalasHapusmana sih headnya?? masa sebanyak itu dicari tulisan headnya>>??
BalasHapusMANTAABBBBSS,,....:))
BalasHapusmakasih mas infonya smga blognya makin rame aamiin
BalasHapuswkwkwk..lucu judulnya tuch membuat link bergoyang kayak lgi joget aja..hee
BalasHapusthanks bos infonya, makin bagus terus ya blognya
BalasHapusthnks ya atas ilmunya,,,salam sukses
BalasHapus:D gan link saya jadi ikutan goyang ngebor nih,,,
BalasHapus;) info yang sangat berguna sekali bagi para kolektor widget,,,thnks ya
BalasHapuswah, keren!!!
BalasHapusterima kasih banyak infonya
nambah ilmu buat saya :)
Nice infonya sob
BalasHapusTemplate nya keren juga
Visit Back Blog Ane bozz
terima kasih atas info nya , keren banget blog nya..
BalasHapusjangan lupa mampir ke blog saya yaa :)
Thank's
BalasHapuskeren blognya Gan,,
BalasHapusdont forget mampir ke blog saya yaa:
alwawahid.blog
thank's
tuker link gan,,,,
terima kasih untuk informasinya...
BalasHapusSalam,
Wayan
:)) :)] ;)) ; ;) : D ;) : p : (( :) : ( : X = (( :-o :-/ : - * : | 8 -} ~ x (
BalasHapuswkwkwkwkkw
sangat membantu sob
berhasil thanks
BalasHapusMantaf Mas.... Makasih
BalasHapusMantap gan
BalasHapusVisit Balik yaaa http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
Inovatif juga ne sob, salam kenal juga buat semua pemberi komentar di blog ini..
BalasHapusok pak boss terima ksih ea
BalasHapusmakasi bro ud share
BalasHapusJoshua Karsten
thanks :)
BalasHapustx Gan infonya...
BalasHapusmampir-mapir yah ke blog ku
http://fuadtrickcomputer.blogspot.com/
mantap bro,,
BalasHapuslihat di http://umstrie23.blogspot.com
keren
Nah ini baru bisa di blog ane, thanks ya gan udah di share, saya tunggu ini kunjungan baliknya dari agan ke blog ane
BalasHapusterimakasih atas informasinya
BalasHapuswah mntap gan infonx..
BalasHapusThanks sob>
BalasHapusberguna sekali
Trim's infonya menarik... silahkan mmpir ke blog sy.
BalasHapusmeh try yg ni,kelajuan blogs boleh meningkat 100% works ^_^
BalasHapushttp://nospain.blogspot.com/2013/09/membuat-blog-lebih-cepat-dengan-script.html
Thanks :)
BalasHapusmantap.saya sudah menerapkannya sob kurnia septa.thanks
BalasHapusthanks gan berhasil
BalasHapus