Senarai Tutorial

Efek round hover pada image apabila dilalukan cursor


Untuk membuat kesan khas pada gambar seperti preview di atas, sila ikuti tutorial di bawah:

1) Login akaun blogger anda

2) Dashboard > Design > Edit HTML > Backup template terlebih dahulu (untuk lagkah berjaga-jaga)

3) Tekan ctrl + F serentak, cari kod
/* Headings
atau
/* Header

Copy kod di bawah dan paste SEBELUM kod /* Headings atau /* Header
a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

Contoh:
a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

/*Header


4) Save dan lihat hasilnya.

Selamat mencuba! :)


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

8 komen budak comel:

ieyra said...

tq .
da jadi laaa
hehehe

nurafiqah said...

camne nak cari kod /* Headings atau /* Header ? dah tekan serentak ctrl + F , tak jadi pape pown

Nur Syamira said...

thanks sebab membantu...follow larh blog sayew....ataupown tengok larh blog sayew....mane tahu x cantik ...boleh saye perbaiki lagi...

♥ Fafa Fafa ♥ said...

tq :) dpt jgk ekut step2 nya :D

athirah said...

Yeah , jadiiiii !!! Haha , terima kasih :D

♡ Felicia Cyber World ♡ said...

thank..akhirnya jdi jugak..

Adlin Love Kawan SKTB said...

Jadikla..
Time kasih..

Unknown said...

anna sdh ambl ..
tq ..
:D

Copyright© All Rights Reserved Jombinabelog.blogspot.com