Hi, semua! Hari ini Gifta mau post tutorial lagi, yaitu link hover nudging. Apa itu? Hahaha.. Ga mudeng, yah? Gini lho... Jadi, kalau kalian hover nanti linknya bisa bergerak ke kanan. Ada 2 cara, yang satu cara Gifta sendiri, yang satu nya lagi ambil dari blog orang lain. Mau kann??
Denim dan Simple Template
Cara Pertama:Credit ke kak Chiaki...
Denim dan Simple Template
1. Login ke Blogger
2. Dashboard > Pilih Tata Letak
3. Pilih Add a Gadget
4. Copy dan Paste kode ini
<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>
Note : angka 400 itu kecepatan geraknya, jadi kalian bisa atur sesuai dengan yang kalian suka
5. Save
Classic dan Blogskin
1. Login ke Blogger
2. Dashboard > Pilih Template
3. Cari kode
<html>
4. Copy Paste kode yang dikasi SETELAH kode no 3
5. Save
1. Masuk ke blog kalian
2. Klik Template >> Edit HTML
3. Cari kode
5. Save! Ga bisa dipreview hehe
Cara Kedua:Dibuat oleh Gifta sendiri
1. Masuk ke blog kalian
2. Klik Template >> Edit HTML
3. Cari kode
a:hover {4. Tambahkan kode ini DI BAWAH nya
margin-left: 5px;5px bisa diubah sesuka kalian 😃
5. Save! Ga bisa dipreview hehe
Re-post, ya, yang cara Kak Gifta sendiri.
BalasHapusKak, izin guna, ya...
BalasHapus