Meletakkan Home button dalam blog

Home button berfungsi untuk memudahkan pengunjung blog kembali ke halaman utama blog anda setelah banyak page yang dibuka. Untuk trick ini, home button akan muncul pada bagian blog, yang terletak di top atau bottom, left or right. Cara memasang home button ini mudah saja, mari ikuti tutorial di bawah ini:

1) Sign in akun blogger

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

3) Copy paste code 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 />

Note :
Url blog anda  - Url / link blog anda ( contoh: http://muhammadhabibiebinyursal.blogspot.com)
bottom dan left  - untuk mengubah letak button, tukar dengan top / bottom dan left / right
 Url Home icon - letakkan url gambar icon home yang anda inginkan. Bisa dicari di google atau image hosting mana saja atau hanya dengan pilih home button yang disediakan di bawah ini:

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 mencoba! :)

---

Sharing is Caring ^_^

---