News Update :
Home » » Cara Membuat Tombol Back to Top yang Simple dan Keren

Cara Membuat Tombol Back to Top yang Simple dan Keren

Penulis : niko prasetiyo on Selasa, 12 November 2013 | 02.12

Hay sobat pada postingan kali ini saya akan memberikan info tentang bagaimana Cara Membuat Tombol Back to Top yang Simple dan Keren.Sehingga dengan adanya fungsi tombol ini dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah.sehingga pengunjung tidak menggunakan fungsi scroll lagi dan hanya dengan meng-klik tombol tersebut maka pengunjung langsung bisa kembali atau berada di atas halaman lagi.Tombol back to top sendiri berfungsi apabila konten pada blog kita yang terlalu banyak sehingga tampilan blog terlalu memanjang ke bawah

Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:

1. Bukalah akun blog anda sendiri
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Salin dan Letakkan kode dibawah ini tepat diatas </body>
<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='title'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7GqUSavGF50fXzZ2v3CHnRFPMGR28YhIfMUhmue4QIqNswUs5CRH2sOp8-u9IP-qFmPvK93FxlB1IeRAf68MHz_z9UH_PXne5KkfAannocwNePU4OSu4B0L12jFW1t2hCSDTLn4oLMqM/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah selesai 'Simpan template'lalu lihat hasilnya.

Catatan :
Gantilah title dengan tulisan yang akan gunakan di blog spot Sobat Misalnya : Kembali ke Atas atau bisa juga Back to top.
sobat juga bisa menganti gambar atau icon dengan yang sobat inginkan caranya ganti  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7GqUSavGF50fXzZ2v3CHnRFPMGR28YhIfMUhmue4QIqNswUs5CRH2sOp8-u9IP-qFmPvK93FxlB1IeRAf68MHz_z9UH_PXne5KkfAannocwNePU4OSu4B0L12jFW1t2hCSDTLn4oLMqM/s1600/back-to-top.gif,


Demikianlah tulisan mengenai Cara Membuat Tombol Back to Top .Semoga info ini bisa membantu sobat sekalian ,Selamat mencoba

Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.
Share this article :

Posting Komentar

 
Design Template by panjz-online | Support by creating website | Powered by Blogger