夢と葉桜 ♥
[Tutorial] nak buat HOME icon untuk blog 



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?