Welcome here! Please leave your comment and follow my blog. Use CTRL+C to copy (no right click allowed)
This blog is full of tutorials. Please use them, by clicking the "STUFF" page above^^ Thanks for your visit!!
I'm Gifta, I can't online everyday /^-^\/>

Thank you for your visit, please use my tutorials...!
August 05, 2016

Saturday, February 18, 2017

Link Hover Nudging

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??
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
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

There are 1 comment.
Please post another comment..