Cara Membuat Link Nudging ( Link Bergoyang )
Posted by yudha
at Saturday, 15 March 2014
Membuat Link Bergoyang (Link Nudging) di Blog
Link
Nudging (Link bergoyang ) 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.
Bagaimana
cara pembuatannya untuk di blog anda ?? Sangat sederhana sekali, tanpa
anda repot-repot untuk edit template yang akan membingungkan anda
sendiri nantinya.
Cara sederhana itu adalah dengan menggunakan kode CSS.
Untuk lebih jelasnya silahkan anda simak petunjuknya di bawah ini :
- Anda sign in/masuk ke blogger.com
- Pada menu drop down anda klik/pilh menu tulisan "Template" (Gambar no 1 di bawah)
- Kemudian anda klik/pilih menu tulisan "costumize/sesuaikan" untuk menuju ke laman Blogger Template Designer (Gambar no.2 di bawah )
- Klik menu tulisan "Advance/Tingkat lanjut" lalu klik "Add CSS"
- Kemudian anda tinggal "COPY PASTE/COPAS" kode CSS berikut
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/Terapkan ke Blog" (Lihat gambar no.2 diatas)
Demikian
lah artikel saya kali ini,semoga dapat membantu anda dalam pengembangan
Blog yang anda miliki... Jika ada hal-hal yang belum jelas silahkan di
isi kolom komentar yang sudah saya siapkan di bawah.. TERIMAKASIH...
Untuk
mengetahui lebih jelasnya bagaimana bentuk Link Nudging/Link Bergoyang
tersebut silahkan anda arahkan cursornya pada Link DEMO di bawah ini :
