Cara Memasang Tombol Kembali Ke Bagian Atas Artikel ~ Blog Indonesia

Pada kesempatan ini saya akan membahas tentang Cara Memasang Tombol Kembali Ke Bagian Atas Artikel. Dengan memasang tombol ini, dapat memudahkan untuk para pengunjung untuk melihat isi dari blog kita. Silahkan simak Cara Memasang Tombol Kembali Ke Bagian Atas Artikel, Berikut ini....

Untuk cara memasang tombol ini, sebenarnya ada dua cara, Dan anda cukup mengikuti salah satu cara Memasang tombol ini, baik yang pertama atau yang kedua...

Cara Pertama

Masuk ke Dasboard Blog Kita,

Pilih Template.

Edit HTML.

Cari kode </body> (Gunakan ctrl+F).

Letakkan kode dibawah ini, diatas kode </body>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9DYhF8sBu8d2EiZ6HOPqpBVzZRQh5_h9HfMSiqNEyu1_3gAs7bOBhfyWT-CvVZJ_iU2eh-0l49EBl5kas008w8Y3ALjHAWbMWa9xlTDI4XYZUZ5VmlyVZdfx30f72ExMDJvfoSnwKUj6X/s1600/Untitled-2.png'/></a>

Ket :
Kode Tulisan berwarna Merah adalah Posisi Tombol berada
Kode Tulisan berwarna Biru adalah URL gambar, Ganti dengan Url gambar milik anda.

Simpan / Save Template.

Selesai, dan lihat Hasilnya

Cara Kedua

Masuk ke Dasbor Blog Kita

Pilih Template -> Edit HTML

Cari kode ]]></b:skin> (gunakan Ctrl+F Untuk memudahkan pencarian)

Letakkan kode dibawah ini, tepat diatas kode ]]></b:skin>

#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}=> Selanjutnya letakkan kode dibawah ini, tepat diatas 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> Ket :
Warna Biru adalah gambar untuk tombol-tombolnya
Warna Merah adalah posisi tombol

Simpan / Save Template

Selesai, dan lihat Hasilnya

NB : Apabila tombol Down / Kebawah tidak berfungsi, silahkan anda ganti kode #footbar dengan kode #footer atau #copyright yang sesuai dengan HTML Template pada Blog anda.

Semoga dengan apa yang saya share ini, bisa bermanfaat dan berguna untuk anda. Selamat Mencoba.!!

Cara Memasang Tombol Kembali Ke Bagian Atas Artikel

Related Post