Thursday 28 November 2013

Tutorial : HOME icon untuk blog

Harini aku nak ajar acanee nak leak icon HOME yang comel kat blog korang. Follow this step :)


1. Dashboard > Layout > Add A Gadget > HTML/Javascript
2. Copy code bawah ni and paste okay

 <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 />

Korang boleh gak nak ubah :

3. width="50" height="50" ikut kesesuaian blog korang

4. Kalau korang nak letak bahagian atas tu korang tukar code warna pink tu

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

5. Bottom tukar jadi Top
Left tukar jadi Right

6. Dekat sini, ada beberapa link code icon ;) If berminat, copy je yang kat bawah ni


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


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


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


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


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


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













No comments:

Post a Comment