Monday, February 6, 2012

Post Title & Sidebar Title Hover

Gadis Si Rama Rama Berceloteh


Assalamualaikum !!! sahabat sahabat blogger

Sekarang ni ain nak kongsi sikit ilmu untuk upgrade kan lagi blog korang ..
tahu ape tu post title & sidebar title hover ??tak tahu ?? korang cube letakkan cursor dekat post title & sidebar title dekat blog ain ni .. bergerak tak ?? haaa.... tu la yg dikatakan hover tu .. korang nk buat tak ?? jom ain ajar ..

dashboard > design > edit HTML

cari kod di bawah ni [untuk sidebar title] :
h2 {
 dan [untuk post title] :
h3.post-title {
dah jumpe kn ??? lepas kod h2 { dan h3.post-title {  kn ade kod2 dekat bawah dye tu kn ..
korang copy kod dekat bawah ni dan pastekan di bawah kod2 yg korang cari tadi .

h3.post-title:hover {
border-right: 70px solid #B758FB;
border-left: 0px ridge #B758FB;
-webkit-transition-duration: 1.0s;
}

merah tu kod untuk post title hover . untuk sidebar title hover . korang tukarkan dgn kod h2:hover {

faham tak ni ???tak faham tanya ok ?

purple tu korang boleh gantikan dengan  
solid/dashed/dotted/ridge/groove/inset/outset ...

biru boleh gantikan dengan kod warna yg korang suka ye .
kod untuk warna boleh dapatkan disini

preview dulu ..kalau takde error korang terus save ok ..
ok done ... ^^ selamat mencuba .



2 comments:

Assalamualaikum ..
Sila Sila Komen ..
Tinggalkan Pesanan Anda ^^
Komen yang murni je OK! ^^