Saturday 10 December 2011

Tutorial : HOME icon untuk blog

Assalamualaikumm ;)

Okay now aku nak tolong ajarkan mcm mana nak letak HOME icon yang comel dekat blog korangg ..
Ikut step-step bawah nih k ! jangan mis satu pongg =P

1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

<style type='text/css'>
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; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />

*p/s : Korang bleh jgk , kalo nak ubah

width="50" height="50" ikot ke sesesuaian blog korunk k.

Law korunk nak letak kat bahagian atas korunk tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

Bottom tukar ke top
Left tukar ke right


Dekat sini ade beberapa link code icon ;)
If berminat , copy je yang kat bawah niyh , oke? :)

   http://i122.photobucket.com/albums/o280/techwar88/home.gif


 http://i269.photobucket.com/albums/jj47/anjieya/home-icon.jpg

 http://i1029.photobucket.com/albums/y356/PachirisuFan1/Icons/Home_icon.gif



 http://i604.photobucket.com/albums/tt126/heporz/Icon/home-64x64.png



 http://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png



 http://i177.photobucket.com/albums/w205/hns911/frindster.gif


**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!


Thanks for reading ;) Suke ? Like jea ..

No comments:

Post a Comment