Sebelum mencoba anda bisa
lihat yang sudah terpasang di blog saya karena saya sudah mencobanya terlebih
dahulu alhamdulillah berhasil seperti Disini dan blog yang anda kunjungi ini anasyamsun.blogspot.com
1. Tombol Back To Top
yang Pertama
Langkah-langkahnya sangat
mudah seperti ketika anda menambahkan gadget pada blog seperti pada biasanya. Bagi
yang belum pernah sama sekali anda bisa ikuti langkah-langkah berikut ini :
1. Login terlebih dahulu ke akun
blog kalian
2. Masuk ke bagian layout / tata
letak
3. Tambah gadget
4. Pilh add HTML / Java script
5. Lalu masukkan kode Java script dibawah ini tanpa memberi judul :
<a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIGVL5sKrIMZ1NenH48tbqlKTZH7rwGyBJtsnOyVs0Bqg5iie_ypwpJGUSLy7_dg4IleF13DH09qmPGOA1EO-V9P-AxCoMzClk6U2Lz9JCDz7wOQPmn8ybNkpxUmMR1uFTAcV3RUoOleVP/s1600/navigate-up-icon.png'/></a>
6. Klik "Save" dan silahkan
anda lihat hasilnya.
2. Tombol Back To Top
yang Kedua
Sama seperti langkah-langkah
di atas, namun kode Java script yang anda masukkan adalah yang dibawah ini :
<div class="widget HTML" id="HTML10"><div class="widget-content"><style type="text/css">#scrolltotop a{display: block;display: none;z-index: 999;opacity: .6;position: fixed;top: 100%;margin-top: -20px;left: 55%;margin-left: -150px;-moz-border-radius: 6px;-webkit-border-radius: 6px;width: 120px;line-height: 1px;height: 15px;padding: 10px 3px;background-color: #375792;font-size: 12px;font-weight: bold;text-align: center;color: #fff;}</style><div id="scrolltotop"><a href="#" style="display: inline;"><blink>Kembali Ke Atas</blink></a></div><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">$(function () {var scroll_timer;var displayed = false;var $scrolltotop = $('#scrolltotop a');var $window = $(window);var top = $(document.body).children(0).position().top;$window.scroll(function () {window.clearTimeout(scroll_timer);scroll_timer = window.setTimeout(function () {if($window.scrollTop() <= top){displayed = false;$scrolltotop.fadeOut(500);}else if(displayed == false){displayed = true;$scrolltotop.stop(true, true).show().click(function () { $scrolltotop.fadeOut(500);});}}, 100);});});</script></div><div class="clear"></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="//www.blogger.com/rearrange?blogID=2074317033000286399&widgetType=HTML&widgetId=HTML10&action=editWidget&sectionId=sidebar2" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML10"));" target="configHTML10" title="Edit"><img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"></a></span></span><div class="clear"></div></div>
Anda bisa modifikasi sendiri menggunakan kata Ba “Kembali Ke Atas”, “Back to Top” dengan kata yang lain caranya dengan mencarinya kata-kata
tersebut di kode script.
Anda juga bisa modifikasi ikon tombol dengan buatan anda sendiri yang telah anda simpan di
blog anda dengan mengganti Url image di kode script.
Demikian cara paling
sederhana dan mudah membuat tombol kembali ke atas halaman blog anda,
terimakasih semoga manfaat.
