Cara Menamabh Tombol Back To Top dengan Mudah

Anda pernah merasakan berkunjung ke blog orang lain dan melihat pada bagian scroll bar-nya panjang sekali , bisa anda banyangkan berapa lama anda untuk enyeretnya ke header kembali. Coba bayangkan itu adalah blog anda, dan tanpa sadar anda membuat artikel yang sangat panjang sekali, dan setelah anda selesai membuat artikel tersebut dan berniat untuk mengecek apakah ada yang bermasalah atau tidak, bayangkan artikel tersebut panjang sekali sampai scroll bar-nya pun terlihat kecil, apakah anda tidak kesusahan pada saat ingin kembali ke atas. Intinya tombol back to top ini berfungsi untuk membatu anda kembali ke header jika artikelnya terlalu panjang ataupun malas untuk mengarahkan cursor ke scroll bar. Dan untuk pemasangan tombol ini terbilang snagat mudah, untuk itu saya sangat senang memberikannya kepada anda, silahkan diperhatikan caranya :

1. Seperti biasa masuk ke akun blog anda 
2. Masuk ke menu layout/tataletak 
3. Kemudian klik add gadget 
4. Kemudian pilih html/javascript 
5. Dan masukkan kode berikut ke dalamnya


<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4G3M7gqY16LpgJOYrixSlMfqbE9OTzaC3GOhiHOWaDQir2fzhfdih3LfKKlFcaavpAUvCLsqaqhUlf5rG-ySMZaeabLns9nta95vSbsURCDCcfIloVKSyPihqsOdbPIG-PAkal6ikcz5/s1600/back+to+top10.gif" /></a>


6. ket. : tulisan yang berwarna kuning bisa anda ganti dengan url gambar kesukaan anda
7. Kemudian klik save/ simpan 
8. Dan lihat kedalam blog anda

Anda juga bisa lihat tombol back to top dibawah ini, caranya mudah anda ganti url diatas dengan url di bawah sesuai pilihan anda :

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcu6IG47K4UzwX_mfpuUQhi-Be31sqkSDMBhqRq0e0iaZBZECPZvJcbwn5L4Wz5wcK9HAJP6SETtSLIwEo0hYNKZOXaYGA7s4GUS-_92BpI3UDMaWvo7UcbbdisMH5OtonIYjB_3ni_U/s1600/arrow_up.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9ex9mFleOzZWvUEMtVg0_UOPLqb78tqtaCPfV327DzUvKDHUpQEdmzvzhcGxH0Rq_39ckpx3AJDPSgAvRsQIQd56-oz4DeKhVmI4g-jjZv8S-Xegb0VY5e-HzDSAk2zqi0qJ_Plhf6Q/s1600/BackToTopArrow.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_WRBbyYZPhyphenhyphen9xcctAVjJXDgWdpU_6dW9rKZ00JldfpU52HzYLYS9orHkRgb3zKJkCwjN9YzBdnyioBwvtXglQorJpHQ8PpshwQf_lRIQuE7iHHpgO40O9U_ULEsOqNdGB8BAK-DKwfo/s1600/MCj04421450000%5B1%5D1.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0qECn1YQr6GjGDp4qsKsYlPnVqXu7FztWULmfZBuPSzeiPEDUviarZ601uWLKCuj8X8Q7tPkYmG2j2sMo7rJcOGIrilwnMU5_fO0hM7RxtupJ2k5Q3Ffa0sifGjuercJpJPfgPIHsNE/s1600/backtotop.gif

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht3x9PXTfDRTfzYPlPxzqr4fwzAEdfy9c8eNCUTHsp1yuyMyqq6CPX86Ro9RQxubNNJBQSduTvUSMiBIwcjju3qMnC_OQwXegjeV6xni3_o7QVOWkUI3O6jnU2nJtAHXXGueJKSYa91G8/s1600/back-top4.png

Tweet

Fb

Postingan terkait:

Ditulis Raka — Tuesday, August 27, 2013 — Add Comment — Tutorial