Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak menggunakan fungsi scroll lagi dengan meng-klik tombol tersebut.
Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. 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='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKqXYx66ozecARVU_jmcnwtOaKfIoDlV3uUn95sB1mrZXyo7BQ7xFJrbmG98RfOOhOUc4hXHD_F8S9zfnml5E_4KE6UUn77S-43ITp8Ul7v_-svvvY_W5g3n5_2Rktir5kBR7MuPm8aM/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'.<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKqXYx66ozecARVU_jmcnwtOaKfIoDlV3uUn95sB1mrZXyo7BQ7xFJrbmG98RfOOhOUc4hXHD_F8S9zfnml5E_4KE6UUn77S-43ITp8Ul7v_-svvvY_W5g3n5_2Rktir5kBR7MuPm8aM/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.
0 Response to "Cara Memasang Tombol Back to Top di Blog"
Post a Comment