Tutorial : Home Button Dalam Blog
February 18, 2013
Home Button ni bagi memudahkan pelawat kembali semula ke halaman utama blog anda . Home button akan muncul pada penjuru blog iaitu sama ada pada kedudukan top , bottom , left atau right .
Langkah-Langkah :
1) Sign in akaun blogger
2) Dashboard > Design > Page Element > Add A Gadget > HTML/Javascript
3) Copy paste kod di bawah di dalam HTML/Javascript
<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='Url blog anda' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="Url Home icon" /></a><br />
Note :
Url blog anda - URL / Link blog anda .
bottom dan left - untuk ubah kedudukan sama ada Bottom / Top dan Left / Right
Url Home icon - letak URL gambar icon yang korang berkenan . Boleh hosting atau google tapi kalau malas , just pilih je yang ada dekat bawah ni :
http://img189.imageshack.us/img189/2902/98425686.png
http://img190.imageshack.us/img190/3407/13314253.png
http://img641.imageshack.us/img641/7218/24934856.png
http://img703.imageshack.us/img703/5702/45961315.png
4) Save dan lihat hasil dia :)
Selamat mencuba geng !
0 comments