Begini Caranya Memasang Tombol Back To Top Pada Template Blog

Cara mudah membuat dan memasang sebuah Ikon untuk back to top pada template Blogspot - Memafaatkan ikon back to top akan memudahkan pengguna untuk kembali ke halaman atas pada blog,Tombol atau ikon Back to top ini bisa kamu buat dengan sangat mudah dan manual pada template blogmu.Jika kamu sering mengunjungi sebuah blog ,maka kamu akan menemui sebuah tombol panah kecil yang apabila di klik maka akan menuju halaman atas halaman utam pada blog.Ini sering di temukan untuk Blog by platform blogger maupun Wordpress.

Nah kebetulan pada postingan kali ini ,mywapgoblog akan menyajikan tutorial untuk cara membuatnya dengan cara manual untuk template blogmu,dan mungkin kamu menggunakan template bawaan dari blogger,karen fitur ini tidak akan ada pada template blogger asli blogspot.Dan kamu juga perlu tahu kalau postingan ini bersumber dari sebuah blog dengan url http://www.webbudi.com/2016/06/cara-memasang-tombol-back-to-top-kembali-keatas-pada-blog-dan-website.html dan blog mywapgoblog mensahrenya kembali dengan susunan kata atau kalimat yang berbeda.

Memasang Tombol Back To Top pada Template untuk blogspot

Memasang tombol bac to top di dalam template blog bisa di lakukan secara manual jika template tersebut tidak memiliki fitur tersebut,terlebih pada template bawaan asli blogger,Tombol back to top nya tidak akan muncul atau sama sekali tidak ada,maka dari itu kamu perlu membuatnya dengan menggunakan kode tambahan pembuat Tombol ikon back to top di bawah ini.silahkan di simak tutorialnya.

1. Pertama tama silahkan buka dasbhord bloggermu 

2. Kemudian pilih atau langsung menuju ke Tema ,jika sudah klik saja edit HTML.

3. Ketika kotak edit HTML nya sudah terbuka ,maka tekan ctrl F dan masukan Tag </head> dan tekan enter.

4. Kemudian copy kode di bawah ini dan pastekan di atas tag </head> tersebut.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

5. Jika sudah klik simpan tema dan copy kembali kode di bawah ini dan letakan tepat di atas tag </head> seperti tadi.Jangan lupa merubah kecepatan pada angka 700 dan untuk mengubah letak tombol pada angka 500.

<script type='text/javascript'> $(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#ScrollToTop&#39;).fadeIn()} else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},700); return false})}); </script>

6. Jika sudah klik simpan tema ,dan langkah selanjutnya yang perlu di lakukan ialah ,mencopy kembali kode di bawah ini dan di letakan pada Tata letak Menu pada Bloogermu.caranya buka Blogger, Tata letak ,pilih Html/javascript dan masukan kode di bawah ini dan simpan setelan ,berikut ini kodenya.

<style type='text/css' scoped='scoped'> #ScrollToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none} </style> <div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5eH11vTRNIFr0bc8dqJRsXBDTLLEVyCEP89zPaHxmoXyJHhLZ8rj-tMI8HjlnY-FxjzHAlgJ8t32MqbGRN3HkXjW8SKvSsqyZn0rZyBt_gz8nRUu4h5dB26wMLwYjtql96GmKCVnU4fie/s1600/arrow-up_basic_blue.png'/></div>

7. Jika sudah di letakan klik simpan setelan dan lihat hasilnya

8. semoga berhasil,

Perhatian:
Kamu juga bisa mengganti ikon gambarnya dengan mengganti url gambar pada kode yang terakhir dengan menggunakan Url gambar hasil buatanmu,


Nah baiklah itulah cara mudah dan cara manual memasang Tombol back to top pada template blogger untuk blogspot jika sebelumnya di templatemu tidak meampilkan tombol back to top nya .sekian terima kasih banyak telah berkunjung dan mohon maaf bila ada kesilapan dalam penyejian tutorial.Semoga berhasil.

wassallam.