Tutorial : HOME icon untuk blog

Hey...

Salam~

Today , Lyssa nak share ngan korunk , mcm mana nak letak HOME icon yang comel dekat blog korunk?

Wahh , korunk nak tahu tak ,mcm mana cara nyer ? ahak2! ;))

Meh lah sini , Lyssa ajar kan ! ^_^

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 tuka ke top
Left tka ke right

*sory , Lyssa tak dapat letak Lyssa nyer contoh HOME kat sini , cbb Lyssa dah ada Navigation tu. so , Lyssa juz nak share je lah ;)

Dekat sini , Lyssa ada serta kan , 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)!

Tweet