PROFILE BIAS TUTORIAL FREEBIES TWITTER FOLLOW D'BOARD BACK
Hello!


Hello guys ! i`m Miza Amirah..Thanks for visited my blog, nice to meet you , Do follow me if you don't mind ^^ And do read my blog :)

Tagboard!


D'Followers

My Post

Thanks Bear

Template 100%: Atin Tory
Editor: Miza
Help: AtiQah Kiwi6
Image Hover # Jadi Kabur
Khamis, 28 Mac 2013 | 8:53 PTG | 0 comments


Assalamualaikum , rasenye lama dah tak buat tuto , cume kasi freebies sje , so hari nie Miza nk buat image hover jadi kabur . 
Ok jum mula..! XD
For Blogskin
1. Dashboard > Template > Edit HTML
2.Tekan ctrl + f serentak dan cari code <style>
3.Copy code bawah ni:

 img{
opacity: .70;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;}
img:hover{
border-radius:30px;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: 100.0; }

4.Paste code di atas <style>
 5.Preview & save.
For Design
6.Design > Add Gadget > Html/JavaScript
7. Copy code bawah ni dan paste di dalam Html/JavaScript

<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style> 
8.Save dan lihat hasilnya.