Tutorial Blog dan Tips AdSense

Dijual rumah di Jakarta Timur, selengkapnya klik di sini

Cara Memasang Tombol Back To Top Pada Blog

cara memasang tombol back to top pada blog
Hai sobat Blogger, kali ini saya akan memberi tahu anda tentang Cara memasang tombol back to top pada blog. Blog adalah tempat kita berbagi pengetahuan, pengalaman, informasi, dan lain-lain, kita semua berhak membuat blog dan pengunjung juga berhak untuk mengunjungi dan melihat blog kita, kita juga jangan tinggal diam saat pengunjung kehilangan kenyamanannya di blog, anda harus memberikan beberapa fasilitas untuk pengunjung di blog, salah satunya tombol back to top, tombol back to top ini dapat mempermudah pengunjung untuk scroll ke atas dengan cepat, selain cepat, tombol back to top ini sudah diberi smoothing hingga saat scroll ke atas dengan halus.

Cara memasang tombol back to top

Ikuti langkah-langkah di bawah ini:

1. Masuk ke Blogger>>Template>>Edit HTML
2. Pada template di blog anda harus ada jQuery library, jika belum ada letakkan kode di bawah ini di atas kode </head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

3. Taruh kode di bawah ini di atas kode ]]></b:skin> atau </style> (pilih salah satu)
/*Back To Top*/ #top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;} #top:hover{background-color:#15b5ae}

4. Kemudian, taruh kode di bawah ini di atas kode </body>
<a href='#' id='top'><img alt='Back To Top' src='http://4.bp.blogspot.com/-ifgZkuwnPnE/U33PmO8aLpI/AAAAAAAAAoY/CXnILaXEP88/s1600/btp.png'/></a> <script type='text/javascript'> //<![CDATA[ //Scroll Top (function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//]]>
</script> 

5. Lalu klik "Simpan Template"

Selamat mencoba, dan bagi anda yang ingin bertanya tentang Cara memasang tombol back to top pada blog bisa ditanyakan di kotak komentar di bawah post ini.

Tag : Tips Blogger
3 Komentar untuk "Cara Memasang Tombol Back To Top Pada Blog"

nice artikelnya :)
http://jellygamatgoldg31.com/obat-herbal-radang-usus/

Izin share ,, Thanks infonya :)
http://kedaiacemaxs.com/

Thanks gan artikelnya!
http://kedaiacemaxs.com/cara-melangsingkan-tubuh-secara-alami/

Saya minta agar anda tidak memakai akun Anonim untuk berkomentar, gunakan akun anonim hanya saat anda sedang dalam keadaan darurat, saya minta juga untuk tidak menggunakan kata-kata kasar dalam berkomentar. Terimakasih atas perhatiannya.