Friday, 19 October 2012

HOME icon untuk blog - TUTORIAL 17


Hari ni, Zira nak share ngan korang , mcm mana nk letak Home icon yang comel dekat blog korang?
Oke? Sedia? Bismillahirrahmanirrahim! Baca step di bawah yee.. ^_^
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


Dekat sini , Zira 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

=SELAMAT MENCUBA=
Tutorial from Kak Lyssa And Me =)
 

No comments:

Post a Comment

Komen di sini! Tak rugi pun!