Sabtu, 20 Oktober 2012

Tutorial: Link Hover (garis sekeliling link)

Assalamualaikum


hello readers kece yang masih kecean aku kemana mana. Aku kasih tutorial lagi nih. hehehe... Biarin lah ya biar orang orang pada tau tutorial.. hihihi... BTW kucingnya koplak banget deh. Kalian tau gak, padahal gak ada yang request tutorial lho. Akunya aja yang mau bikin. Hiihi... Nah sekarang aku mau kasih tutorial tentang link hover... Udah tau kan link hover kayak gimana. Coba kalian sentuh link yang ada di blogku ini. Keliatan kan? ada yang kotak kotak gitu.. Nah itu yang namanya link hover.

Gak mau banyak bacot dan gak mau banyak omong sekarang aku mau kasih tutorialnya... cekidot


Attention
this tutorial only for blogger template style simple and other. Not for blogskin


1. Dashboard -> template -> edit HTML -> klik expand template widget

2. tekan CTRL + F atau F3, cari kode di bawah ini
a:hover {

3. copy kode di bawah ini di bawah kode tadi
    border-top: 2px dashed #ffffff; border-bottom: 2px dashed #ffffff; border-left: 2px dashed #ffffff; border-right: 2px dashed #ffffff;
keterangan
Merah = ketebalan garis. Boleh dirubah sesuka hati kalian...
Hijau = boleh ganti ke solid, dashed, atau dotted
Biru = warna link hover itu boleh cari disini

4. kalo bisa di preview dulu.

5. Kalau gak ada kesalahan silahkan save

kalau mau request tutorial boleh di cbox

NB:
don't forget credit if you want to re-tuto or use this tutorial in your blog.
thanks before

Tidak ada komentar:

Copyright 2012 By Deverrr | Blogger Editor By Dever & Deya | All Right Reserved