Tutorial : Image Effect.

Malam nieh last updated. Lepas nieh, sign out blog. Click pangkah yang warna merah tuh. And then refresh banyak-banyak. Lepas tuh click start. Click Shut Down. Finally, off. Last sekali tidur. Hee, tutorial kali nieh direquestkan oleh Kak Yana di Facebook. Hari tuh dah buat dah tutorial nieh. Tapi pergi delete pulak.
Dashboard > Design > Add a Gadget > Html/JavaScript
Tekan Ctrl+c untuk copy code and Ctrl+v untuk paste code. Paham tak nieh ? Ade dua code tau. Code pertama bile kite cursor gambar tuh dye akan jadi kabur. Code kedua, gambar tuh kabur and bile kite cursor dekat gambar tuh. Kite akan dapat lihat jelas gambar yang kite cursor tuh. * keling ke ayat aku nieh. Haha, never mind.
Code Image Effect 1 :
<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>


Code Image Effect 2 :
<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>
 Okay, save dan lihat lah hasilnye. Bye-bye, aina nak tidur dah. Have a sweet dream.
Esok, best friend aina dah takdek dah dekat sekolah. Takdek dah nak teman aina pagi-pagi esok. Takdek dah nak jalan dengan aina lepas nieh. Takdek dah duduk same-same time perhimpunan nanty. Harap kau tak lupe aku echa. I Love You kambing gemuk.

3 comments:

yana yaya said...

thx eyna :)

Aina Baharom said...

@yana yaya

my pleasure kak yana.. :D

Today was a fairytale said...

thanks kakak! awesome sft.. ^_^