Tutorial : Image Link Opacity Versi 1 .

Gadis Kidal Berceloteh...

.Assalamualaikum semua ^^
Peace !!!! 

Ok , Macam mana pulak image link opacity ehh ?
Contoh macam nih lah . Floating Button dekat sebelah kiri blog .
Sebelum letak kod image opacity , akan jadi macam ni :

 


Selepas Letak Kod Image Opacity , Jadi Macam ini :

 


Bila sentuh je image tu , akan nampak lebih jelas . Macam ini :


 

Nak buat Jugak ? Senang Je !!


1. Log in > Dashboard > Design > Add A Gadget > Html/JavaScript
2. Copy Kod di bawah :

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

3. Paste di ruangan Html/JavaScript tadi .
4. SAVE ! :) 


Selamat Mencuba ! =))
 
 
 
 
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

32 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Unknown
AUTHOR
October 3, 2011 at 1:24 PM delete

bravo bravo !!!! tq .. kak lyssa yg tersangat comel

avatar
Nana afLs
AUTHOR
October 3, 2011 at 1:25 PM delete

lyssa ni untuk Floating Button dekat sebelah kiri blog ja ??

avatar
SiTi NaJwa
AUTHOR
October 3, 2011 at 1:31 PM delete

snang jer..hehe tq kak lyssa..luv ur blog <3

avatar
sufie
AUTHOR
October 3, 2011 at 2:25 PM delete

punya la lama nak mencari tutorial ni. akhernya bertemu jua.sobsob~

terkejut! Lyssa faizureen follow SY. rasa macam mimpi. time qaseh lyssa~ terharu sangat~

avatar
echa hamid :)
AUTHOR
October 16, 2011 at 11:47 AM delete

hik...nice profile sis!!comey

avatar
Anonymous
AUTHOR
October 19, 2011 at 7:53 PM delete This comment has been removed by the author.
avatar
Maizatul
AUTHOR
October 20, 2011 at 8:41 PM delete

wahh jdi la. masehh kak lyssa :)

avatar
Ira Thira
AUTHOR
November 15, 2011 at 3:05 PM delete

jadilah kak lyssa...thanks.

avatar
Taiko
AUTHOR
November 21, 2011 at 3:06 PM delete

Hi Nice Blog . Anyway Tankz For this Tuto . Tq Dear .

http://www.facebook.com/pages/My-Life-Blog/278826118827020

http://mrapihstory.blogspot.com

avatar
EiraMaghfirah
AUTHOR
November 21, 2011 at 6:20 PM delete

akak, kita buat yang nie kenapa tak jadi? :(

avatar
Unknown
AUTHOR
December 2, 2011 at 3:59 PM delete

okay akak bagi link haritu yang ney then Pyka try buad pastu tak jadi ><

avatar
Syaza Afiqah
AUTHOR
December 9, 2011 at 1:30 AM delete

kenape x jadi kak lyssa?

avatar
lissa
AUTHOR
December 10, 2011 at 8:06 PM delete

tak jadi pon -_____-

avatar
Unknown
AUTHOR
December 16, 2011 at 9:41 AM delete

lyssa x jadi pon!! hurm blas larh!! kitaorng nk da tanyer abis ue x nak balas lak!!

avatar
Unknown
AUTHOR
December 22, 2011 at 12:36 AM delete

nmpk easy..tp,,knpa buat, dea tdk kluar...kalu sy tdk punya add a gadget sblh kiri..mcm na erk? ble explain?

avatar
sasa
AUTHOR
December 31, 2011 at 2:10 PM delete

assalamuailaikum. nak tnye lgu ape eik yg kak lysaa bubuh nhe , (:

avatar
nadiah
AUTHOR
January 1, 2012 at 10:47 AM delete

kenapa x jadik kak lysa oi..??!!!

avatar
LALAss
AUTHOR
January 2, 2012 at 4:06 PM delete

kak lysa..cmne ek nak wat page bru dan ade tab tutorial,tips mcm page k.lysa nie ??? plz plz

avatar
January 23, 2012 at 4:59 PM delete

Kak lyssa, kenapa saya buat tak jadi? Nak kena lebihkan opacitynya ke? Tolonglaa :'(

avatar
January 23, 2012 at 5:01 PM delete

Kenapa kak lyssa tak balas ni? Nanti diorang marah kak lyssa tau. Bals laa. Ver citer kalau tak jadi tu kenapa? *sigh*

avatar
Sweetie Cutie
AUTHOR
January 28, 2012 at 7:29 PM delete

kak lyssa , yang floating button tu , size dia tak boleh perbesar sikit eh ?

avatar
Effa Nadia
AUTHOR
January 13, 2013 at 10:08 PM delete

tak jadi laaa :/ nak pi mrajuk lah..

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon