Letak Home button dalam blog

Home button berfungsi untuk memudahkan pelawat blog kembali semula ke halaman utama blog anda setelah banyak page yang dibuka. Untuk trick ini, home button akan muncul pada penjuru blog, sama ada di kedudukan top atau bottom, left or right. Cara nak pasang home button ni senang je, ikuti tutorial di bawah:

Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi
<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 />

Nota :
Url blog anda  - Url / link blog korang ( contoh: http://jombinabelog.blogspot.com)
bottom dan left  - untuk ubah kedudukan button, tukar kepada top / bottom dan left / right
 Url Home icon - letakkan url gambar icon home yang korang mahu. Boleh search dekat google atau mana-mana image hosting,  atau just pilih home button yang disediakan di bawah:

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 hasilnya.

Selamat mencuba! :)

11 comments:

Komen kat sini ye.. ^_^