Salam korang...
Kali nie Wan nak wat Tutorial Gambar Timbul bila cursor menyentuh gambar..Wan pun tak taw nak letak tajuk apa..Wan tengok law guna benda nie Blog nampak bertambah comel..Jangan risau tak lambatkan load page pun..Nak wat pun senang...Nie untuk pengguna design/layout template je..Classic template wan tak godek lagi..ehehhe..Law korang nak tengok or preview..Leh tengok kat blog nie..WanhazelJunior.blogspot.com/..Korang arahkan je cursor korang kat mana mana gambar dalam tu..
Jum tutorial..
Pengguna Design/layout template
Dashboard>design/layout>Edit HTML
Tick expand widget
Lepas tu cari kod
/* Header
CTRL+F untuk memudahkan pencarian
Dah jumpa kod yang korang cari tu..Korang copy kod kat bawah nie..dan paste diatas kod yang korang cari tu..
--------------
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}
-------------------
000000
Kod nie korang leh ubah dengan menukar warna yang korang nak untuk shadow tu..HTML warna kod k.
Preview dulu law tak de error save terus..ehehhe
Tu je..
Selamat mencuba..
Papai
.
64 comments:
thanks wan ;)
thanks..dah menjadi..nnti jemput la dtg blog d'ya taw!! muaahh!! hehe
http://miss-dya.blogspot.com
da try buat da..jadi !!!
thanks 4 dis tutorial
=)
bestnye tuto nie !
Hanan try yer.btw hanan dah try hampir separuh tuto wan fasal adobe.alhamdulillah antaranya okay dan selebihnya ko.haha
da lama cari benda ni , akhirnya .. jumpa juga . thanks yea !
eishh , da lama cari tuto ni :|
HAHA , thanksssss :P
comel la!!
tq ye :)
tak boleh pon...
♥ adlin roshaida ♥
welkam..eheheh
Miss D'ya
welkam..ehehhe..peace..nanti wan jenguk k
sweet strawbery
welkam..ehehehe
MiEra
tengs taw...peace
Professor Hanan
ahahha..nanti leh lah jadi pro adobe kan...senang je..
Syahirah Suhaimi
welkam...peace...
~Sarah Bieber~
ehehhe...enjoy blogging
Si Penglipurlara Yang Gedik
welkam...
..arcmabaharin..
erk..nape yang lain boleh erk...
kamsahabnida..
lame dah duk cari tuto nie..
and finally b'jaya ugak..=)
ct mysera^^
hehehe..taniah...
wan,tow ta camne na sorok source picture? cntoh bila kite hala kat cursor dia ta kuar source pic kat bawah???
btw,thanx ntok tutorial ni^^
dib.
buang je url SRC= tu...yg img= tak yah...tu je
wahhhhhh da jd..
unik lahh..
tq yek.
unik kan..ehehhe...best
first try = berjaya tapi gambar tenggelam pulak
second try = fikir mcm mana nk timbul kan gambar tu .
third try = berjaya timbulkan gambar.buang coding utk opacity je.
hihi :)tq again wan
kenapa x jadi ??
♥♥ieqa pinkylicious♥♥
welkam...gud2 koz godek2 sendri..wan suka
Siti Nur Idayu Sabri
tak jadi???nape??jadi camne???
comel laa tutorial nie .
nak cuba lah !
boleh je..ehehhe
hahaha , x sia2 da nak grad Bus. IT ni.. sbb tu sng nk godek kowt wan.
hehehe..sennag je kan,,,wan tak ambek It tp leh godek2 gak..so bende senang lah kot..ahahaha
yela, coding die simple je .. sng nk paham even bkn programmer .
tengs for tutorial .
♥♥ieqa pinkylicious♥♥
ehehhe...betul
shahirah adizan
welkam..
dh plh... tengs!!..XD
welkam..ehehe
best eh! hehe mek dh pake :) tq wan!!
hehehe..gus2,...
wan,,,cmnie nak nuka wana nya????
♥MowMoy♥
tuka kod 000000 ya k...
tengs wan :)
welkam..peacce
tengs wan! :)
suke sgtt!
farah syahidah
welkam..ehehhe
wan,kod warna tu cmne erk?
kod warna tu.warna...kod tu leh cari kat ggogle..cari HTML warna
erm, dulu wat dah jdik.. skrng gune template laen lak... pastu nk crik kod header tuh x dpt.. nper ek?
erm, dulu Nurul gune template laen, pastuh dh jdik.. then bile Nurul dah tukar template laen lak, kod header tuh dh x der.. nper ek? pastuh Nurul x pat nk wat tuto nie.. tlg Wan
try letak kat tempat len k..law yg tu tak de..outer wrapper k..
salam...
nak tanye ckit..knp kalau edit kat html,pastu review smule kuar page cmni..
"More than one widget was found with id: HTML20. Widget IDs should be unique."
-xpenahnye jadi,...-
:(
Thanks wan...berjaya jgk akak buat...selamat berpuasa..
sama2 kak..selamat berpuasa gak
lavende
mesti dah pasang widget nie kan...??
DAH JADI. YEAY..
yeay..ehehhee..
nape header jadi ilang pas letak html nie ?
eh..napa lak header hilang..pelik nie..aiyo..
Wan , saya guna classic template , tak jadi lah :'(
wan dulu guna classic template boleh je
cantik la . fify dah buad .. thankss wan ;)
salam.. wan.. thank you tuto ni :) . menjadi
bestnyaaa!!! tQ
Post a Comment