Membuat Link Nudge dengan CSS

Hai hai... ^^
Sudah sekian lama saya nggak nulis dengan bebas...
yah akhirnya malem minggu ini kesampean juga nulis XD
Kali ini saya share trik yang lawasnya minta ampun
"Membuat Link Nudging dengan CSS"
Haha... itu dia...
dari judul posting aja keliatan kok ya... XD
Omong2, ini sebenernya trik yang rada euh-gimana-banget-lawasnya gitu...
jadinya ya aku pikir nggak usah diposting
toh udah banyak yang nerapin...
aku pikir ya kayak nggak penting gitu...
tapi karena kurang kerjaan dan kurang posting,
akhirnya aku tulis juga deh...
*okay... ._.
Langsung aja deh... :D
  1. Masuk ke Dasbor Blogger (Sekarang udah ganti kan tampilannya? :D)
  2. Klik panah ke bawah di blog yang mau kamu edit, pilih template
  3. Klik Edit HTML then lanjutkan!
  4. pilih bagian yang mau kamu jadiin nudging link-nya (contohnya bagian link, kamu cari css a{bla bla;}.)
  5. tambahin :hover (atau ketik sendiri) ke elemen yg bakal kamu nudging-in. (nudging bukan nungging XD)
  6. tambahin css ini :
    padding-left:20px; atau margin-left:20px;
  7. Pratinjau dulu... trus kalo udah sreg, pilih simpan... oh iya jangan lupa tutup :hovernya pake } ya..
Selesai Deh... :D
Keterangan :
  • yang warna ungu, kamu bisa pilih sendiri pake margin apa padding...
  • warna merah, bisa kamu ganti dengan left atau right
  • warna aqua, bisa kamu ganti dengan jarak seberapa jauhnya linknya mau kabur... XD
Oke... Cuma gitu aja ko
ndak susah kan?
susah? ribet?
belajar dong! XD
Hanya Tulisan Mas Edo... XD
gambaredo
Disqus
Blogger
Pilih Sistem Komentar

No comments

 
Innovated by Inspiration
Copyright 2014-Now REFARDO™ | Simplified 2 Nepurple Theme | Some Right's Reserved