夢と葉桜 ♥
[Tutorial] nak buat HOME icon untuk blog
posted at: Wednesday, November 23, 2011 | 07:40 | 0 Love! | Give me some love?
Ari ni kawaii kongsi bnyak2 tntg tutorial k? Ni request dari Gadiz Blogger..
Ni dye tutorial nak buat HOME icon untuk blog korang..
Contoh kat atas tu k..Korang leh gak tengok and klik klik kat HOME tepi tu..hehe..dye mcm refresh lah...Mane lah tau kn ade blogger yang ke entri entri kite yng laen..So x lah susahkan blogger nk ke main page kite kan..
So copy je kod kat bawah nie..korang letak lah kat mane mane korang nak..
Bagi penguna template blogger and layout
Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k..
(CTRL+C serentak untuk copy)
Bagi penguna template
Dashboard > Template
(CTRL+C serentak untuk copy)
__________________
<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 KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="LETAK KOD ICON KAT SINI" /></a><br />
Contoh kat atas tu k..Korang leh gak tengok and klik klik kat HOME tepi tu..hehe..dye mcm refresh lah...Mane lah tau kn ade blogger yang ke entri entri kite yng laen..So x lah susahkan blogger nk ke main page kite kan..
So copy je kod kat bawah nie..korang letak lah kat mane mane korang nak..
Bagi penguna template blogger and layout
Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k..
(CTRL+C serentak untuk copy)
Bagi penguna template
Dashboard > Template
(CTRL+C serentak untuk copy)
__________________
<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 KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="LETAK KOD ICON KAT SINI" /></a><br />
Korang bleh gak ubah
width="50" height="50" ikut ke sesesuaian blog korang.
Kalau korang nak letak kat bahagian atas korang tukar kod yang berwarna pink tu k.
bottom:10px; left:-12px;'>
bottom tukar ke top
left tukar ke right
---------------------
kod untuk icon plak
http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-Green-icon.png
http://i921.photobucket.com/albums/ad52/wanhazel25290988/HomeIcon.png
http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-2.png
http://i921.photobucket.com/albums/ad52/wanhazel25290988/home_icon.png
http://i921.photobucket.com/albums/ad52/wanhazel25290988/home-1.gif
http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-1.png
http://i921.photobucket.com/albums/ad52/wanhazel25290988/HOME-ICON.gif
Kalau x puas.. Cari kat sini k Photobucket
Ok tu je
Selamat mencube ! ^^
Credit to : Wan hazel
Labels: Tutorial
0 Comments:
Post a Comment
Back to the Blog?