Cara Membuat Tombol Back To Top Di Blog



Safe Link Converter

Encrypting your link and protect the link from viruses, malware, thief, etc!
Made your link safe to visit.

How to use our tool:

  1. Click on How To Use menu above.
  2. Click on the code and CTRL + C on your keyboard.
  3. Paste the code in your HTML blog theme before the </body>.
  4. Save your HTML blog theme. you are done!
  5. Now, your blog's outbound links was encrypted!


Your link show here



Memasang Tombol 'Back To Top' di Blogspot Dengan Mudah
Memasang Tombol 'Back To Top' di Blogspot Dengan Mudah
Memasang Tombol 'Back To Top' di Blogspot Dengan Mudah- Cara Pasang Tombol Back To Top ini sudah populer di Internet, mulai dari berbagai efek yang di berikan begitu menarik, namun kali ini saya akan share yang sederhana namun pasti saja, contoh demonya bisa lihat di Blog saya ini.

Bagiaman cara memasang Tombol ini ? langsung saja kita masuk ke TKP, Hehe, yang perlu dilakukan cuma menambahkan kode saja kok, tidak usah ribet-ribet.

  • Masuk Ke Blogger 
  • Masuk Pada Edit Template
  • Cari Kode </head>
  • Dan letakkan kode ini diatasnya
________________________________________________
<script type='text/javascript'>
$(function() {
    $.fn.scrollToTop = function() {
    $(this).hide().removeAttr(&quot;href&quot;);
    if ($(window).scrollTop() != &quot;0&quot;) {
        $(this).fadeIn(&quot;slow&quot;)
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
        if ($(window).scrollTop() == &quot;0&quot;) {
        $(scrollDiv).fadeOut(&quot;slow&quot;)
        } else {
        $(scrollDiv).fadeIn(&quot;slow&quot;)
        }
    });
    $(this).click(function() {
        $(&quot;html, body&quot;).animate({
        scrollTop: 0
        }, &quot;slow&quot;)
    })
    }
});
$(function() {
    $(&quot;#MD-StoTop&quot;).scrollToTop();
});
</script>
______________________________________________
  • Setelah Itu cari kode ]]></b:skin>
  • Letakkan Kode dibawah ini sebelum kode ]]></b:skin>
____________________________________________
#MD-StoTop {padding:12px;position:fixed;bottom:5px;right:3px;cursor:pointer;z-index:999}
______________________________________________
  • Belum Seesai, langkah selanjutnya cari Kode </body>
  • Letakkan kode dibawah ini sebelum kode </body>
______________________________________________
<a href='#' id='MD-StoTop'><img alt='back to top' src='http://2.bp.blogspot.com/-USm_7qiKVXc/UxUYG09tz_I/AAAAAAAACTA/6BRDkVAwLek/s1600/backtotop.PNG'/></a>
______________________________________________ 
  • Di kode </body> itu merupakan kode URL gambar, bisa diganti sesuai dengan selera.
  • Save template
Nah begitulah cara Memasang Tombol Back to top keren dan simpel di Blog, jika masih kurang paham , silahkan ditanyakan.