Letak home icon pada blog
Saturday 29 October 2011 | 7:56 pm | 0 p0tpEt(s)
Assalamualaikum ^-^
Selamat petang korang :)
Korang nak letak gambar home icon yang comel2 dalam blog tak ?
Emm, nak ea ?
Meh ikut step nie...
1. Dashboard > Design > Page Element > Add Gadget > pilih HTML / javascript.
2. Copy kod kat bawah.
<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 />
3. Pastekan kod kat atas dalam box HTML / javascript tadi.
Kejap ! Belom siap lagi laa..... he3..
Tengok step bawah !
Warna merah : korang boleh tukar sama ada ( bottom / top ) dan ( left / right ). Size pon boleh tukar, tapi korang kena pandai2 adjust la. Mengikut kesesuaian blog korang.
* bottom = bawah, top = atas *
Warna pink : link blog korang. ( cth : http://missp0tpet.blogspot.com/ )
Warna biru : tue tittle, jadi korang boleh tukar guna ayat korang sendiri. ( cth : rumah, pondok )
Warna purple : URL image korang, boleh cari kat sini -> Klik sini !
Dah siap tukar semua kod yang berwarna ?
Now, boleh tekan SAVE ! Then, tengok lah hasilnya. =)
Selamat mencuba =.=