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 - Setelah sekian lama Blogaul tidak update artikel
seputar blogging dan SEO dengan artikel terakhir how to use meta tags in
blogspot, kali ini saya akan coba update lagi yaitu artikel mengenai cara
membuat nudging link di blog. Cara ini menggunakan script jQuery yang saya
dapatkan dari sini
(http://smilenet4u.blogspot.com/2012/04/cara-membuat-link-bergoyang-nodging.html)
dimana bila dipraktekkan akan membuat link yang terkena pointer mouse akan bergoyang-goyang
gitu. Oke, langsung saja berikut cara menciptakan link yang bisa bergoyang di
blog:
- 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>
5.Simpan Template dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat
Tidak ada komentar:
Posting Komentar