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

Banyak orang ingin Mempercantik blognya dengan Widget/Gadget Mungkin anda sudah tau apa itu Tombol Kembali Ke Atas/Back To Top. Tombol yang dimaksud tadi adalah tombol agar mempermudah orang kembali di tampilan pertama blog. tapi sekarang saya akan Membuat Postingan Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload.
mau lihat tampilanya kaya gimana pasti penasaran klik aja View Demo
caranya Mudah Loh....!!!. mau tau gimana caranya oke langsung aja.

 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.

Klik show untuk melihat
#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}


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

Klik show untuk melihat
<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>

3. Klik Pratinjau dan Simpan Temlate Anda

4. SELESAI

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.

Sedikit tambahan lagi untuk menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Sekian....dulu Penjelasan Dari Saya Semoga Bermanfaat Kalau ada Yang Perlu Ditanyakan Silahkan Tinggalkan Komentar Anda....


Anda baru saja membaca artikel yang berkategori Tutorial Blogger dengan judul Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload. Anda bisa bookmark halaman ini dengan URL http://dyenps.blogspot.com/2012/07/cara-membuat-tombol-kembali-ke-atas.html. Terima kasih!
Ditulis oleh: Unknown - Friday, April 5, 2013
Comments
7 Comments

7 komentar untuk "Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload"

  1. Kodenya gak jalan neng...,atau mungkin template saya kali.?

    ReplyDelete
  2. @DyenpsMaaf, tapi kode di atas sudah dicoba kq dan jalan,..template sobat kali..

    ReplyDelete
  3. cihuy,, makasih infonya mbak yang cantik
    happy blogging

    ReplyDelete
  4. wah Hebattt....
    Bagus banget...
    Terima kasih ya sudah berbagi ilmu

    ReplyDelete
  5. ijin praktek sob,sekalian follow yah,untuk menambah sahabat.

    ReplyDelete

Followers

Proudly powered by : Blogger
Copyright © 2011. Duta PLaystation - All Rights Reserved
Blog By : Dyen PS
Template Editing by Blog Anak Bima