a i n a d z r i ;
 Home | Follow+

Ahad, 26 Jun 2011
Tutorial:kurangkan opacity image/gambar

Assalammualaikum. (=



Aind dengan baik hatinya*chewah* nak share Tuto yang menarik untuk korang. Tutonye untuk mengurangkan opacity gambar dalam blog kita. Cuba tengok gambar dibawah ini.malap kan? tapi, kalau korang letak cursor korang, dye jadi terang balek.
Ok, tapi macam mana nak buat?Ikut 3 step nie.

1.Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript
2.Copy code di bawah nie:


    <style>
    /* ----- Image opacity effect 2 ----- */
    .post a img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    }
    .post a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
    }
    </style>
 3.Preview dulu ye! karang x jadi susah pulak. then,save:D

Siap! senangkan? comment kalau jadi. n kalau x jadi pon komen jugak! hehe\\\\
kbye✿

Label:



About Me


Blogger from Malacca-Bangalore. Was born in 1997. Blogging since 2008. Full time dental student and part time blogger. This blog is a little place where I express my feelings and memories. I'm sucker for cute things and beautiful words. Feel free to join my journey through out life and leave your advices or thoughts at the comment section or chatbox. Love, Ain Nadzri.


Chatbox


Alien sesat


Treasure


Copyright ©Ain Nadzri. All rights reserved.