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 sedang membaca artikel tentang Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload dan Anda bisa menemukan artikel Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload ini dengan url http://dyenps-cabangsipon.blogspot.com/2012/07/cara-membuat-tombol-kembali-ke-atas.html sobat boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload ini bermanfaat bagi Anda,namun jangan lupa untuk meletakkan link ini sebagai sumbernya:<a href="http://dyenps-cabangsipon.blogspot.com/2012/07/cara-membuat-tombol-kembali-ke-atas.html">Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload</a>

Artikel Terkait:

Posted in: tutorial blog