Tutorial : Letak Icon Terapung-apung
03 February 2012 | 4:25 pm | 0 Words
Hello .. Hai .. Aku bukan nak buat tuto ke apa .. Tapi nie senang .. So aku ajarkan ... ^^ ... First to first .. Korang tau tak ape yg aku ckp ? I mean .. Icon facebook or twitter kat sebelah blog korang , macam aku .. Hahah .. Dulu aku nak .. Pastu dah jumpa aku ajarkan kat korang pula .. Back to the topic .. Korang pergi kat HTML/JavaScript .. Pastu copy code nie and paste ..<style type='text/css'>Korang copy and paste ..
a.linkopacity img {
filter:alpha(opacity=50);
-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>
<div style='display:scroll; position:fixed; top:240px; left:-12px;'>
<a class='linkopacity' href='AKAUN FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://images-2.findicons.com/files/icons/2155/social_media_bookmark/32/facebook.png" /></a><br />
<a class='linkopacity' href='AKAUN TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://images-5.findicons.com/files/icons/2374/social_media_icons/32/twitter.png" /></a><br />
</div>
Merah -- Korang punya akaun fb and twitter ..
Hijau -- Url image icon tu ..
Biru -- Korang boleh letak left or right ..
Kalau korang nak tambah , korang copy yg seperenggan tu and paste atas </div>
Kalau korang nak letak URL image lain .. Korang boleh pergi kat Find Icon ... Macam mana nak ambil url image ? Korang pergi kat gambar tu .. Pastu right click .. Pilih View Image .. Ada link kat 'http' .. copy lah .. Enjoy !!
