Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload

 

Caranya:

 1. Sign in dulu di Blogger kamu

2. Ambil Template==>>Edit HTML==>>Expand Template Widget

3. Cari kode ]]></b:skin> (CTRL-F agar mempermudah pencarian) lalu sisipkan Kode CSS berikut sebelum atau diatasnya.

#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}

#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}

#Enjoy img{border:0}

#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

4. Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

<div id='Enjoy'>

<a href='#' onClick='window.location.reload()' title='Reload page'>

<img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>

<a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>

<a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>

<a href='#footbar' title='Ke bawah halaman'>

<img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>

</div>

5. klik pertinjau dan simpan

Keterangan:

=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna Orange adalah posisi tombol
=> Apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana Pink seperti keterangan di bawah:
Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.