Tutorial 12: HOME icon untuk blog

Today , saya 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 , saya 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)!

No comments:

Post a Comment

Letakkan hasil anda di sini

Related Posts Plugin for WordPress, Blogger...