Cara Membuat Link Nudging Atau Link Bergoyang Pada Blog

Bagikan ke Google+Tambahkan ke DeliciousTweet dong..Share ke FacebookSubmit ke StumbleUponKirim ke Digg

Apa itu Link Nudging dan Bagaimana cara membuat Link Nudging? Link Nudging adalah sebuah efek animasi yang dimunculkan pada sebuah link sehingga link akan terlihat bergerak ke sebelah kanan dari posisinya semula bila cursor diarahkan ke link tersebut. Ketika ada pemilik blog yang menanyakan bagaimana cara membuat link bergoyang atau bagaimana cara membuat link bergerak, maka inilah jawabannya "Dengan cara menambahkan efek Link Nudging pada Blog".

Untuk melihat Demo dari Link Nudging, arahkan cursor sobat pada link di bawah ini!

1. Daftar Nama Situs Untuk Download Template Secara Gratis
2. Cara Memasang Yahoo Web Player Di Blog
3. Kebijakan Konten Blogger Untuk Pemilik Blog
4. Cara Menghias Judul Posting Dengan CSS
5. Cara Membuat Halaman Privacy Policy Untuk Blog
6. Cara Membuat Widget Animasi Doraemon

Ketika saya mengunjungi beberapa blog untuk mencari tutorial blogspot tentang cara membuat Link Nudging pada link blog, tidak ada satu pun dari blog itu yang memberikan saya kemudahan untuk menerapkan efek Link Nudging di blog saya. Semuanya mengajarkan memasang Efek Link Nudging dengan cara edit template. Yang saya bingungkan, kalau ada cara mudah untuk memasang Link Nudging di blog, kenapa harus melakukan cara yang susah, artinya tanpa harus edit template. Emangnya ada cara lain untuk menerapkan efek Link Nudging di blog kita tanpa harus edit template? Ya jelas ada, yaitu dengan menggunakan kode CSS. Untuk tutorial lengkapnya, baca petunjuk di bawah ini!

---

Cara Membuat Link Nudging Di Blog

---

• Sign In di blogger.com
• Pada Menu drop down, pilih Template
• Klik tombol Costumize untuk menuju laman Blogger Template Designer
• Klik Advanced dan klik Add CSS

• Copy Paste kode CSS berikut pada kolom yang tersedia

a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}

• Klik Apply to blog.