Saat kita baca postingan yang panjang banget sampe ke bawah, terus pengen baca lagi dari atas tapi scroll mouse rusak. Apa pernah loe ngalamin hal tersebut gan? Kalo pernah pasti repot karena harus narikin tombol scroll di browser ya gak. Apalagi kalo pake laptop cuma pake touch pad waduh bikin sebel.
Nah kita sebagai pemilik blog harus cari cara buat mengatasi masalah itu, biar pengunjung blog betah baca postingan kita gan. Caranya ya kita pasang tombol back to top, jadi pengunjung tinggal ngeklik tombol aja kalau pengen balik ke atas gan.
Blog kalian udah ada tombol back to topnya belom? Kalo belom, pasang sekarang juga, tombol back to top ini emang bukan navigasi utama tapi bisa jadi sangat penting buat beberapa pengunjung gan. Gak susah kok membuat tombol back to top di blog gan cuma tinggal nambahin widget tanpa perlu edit HTML.
Kali ini gw bakal share cara membuat tombol back to top di blog yang gampang gan. Kalo loe berminat silahkan langsung disimak cara buatnya gan gak pake ribet. Contohnya kayak yang ada di blog ini posisi tombol ada di kanan gan.
Cara Membuat Tombol Back To Top Keren Di Blog
- Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahin HTML/JavaScript gan. Terus tinggal loe pastein kode di bawah ini di kotak kosongnya.
Back To Top Button #1
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB1GrBPhO7J87K1z6NNpLXm3JBuClBiaKZVVmypN9W0Tg1fsYP8M-sbNSCBa1tPd8u6q_qJMDYvEKItEivOvko7mRz-xMKl_VDlFHij-cTSijQDXUxjk95fH1gKtIZzren5yZ6Z3BOaro/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #2
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghfrFv_QimUYPQ7btRRrohGItaC6Jl8PuHXhNUvlYTNfEWc1afJPdwuq9ryu0Pmc7MK6XQDv80Bz1x34NA-A8tzRGMELIMkTq-WJEWZMHXEcZpRAxuN5kx11f0wQvBkMkxs9gXMZ3YSeA/s1600/back+to+top+button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #3
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Di19q53EnTuBGnMbGWXNlF7POt7j4aRwe4IjkkPfw4kjJTH437TaVtZHBdbf15UcqjWcLWOZwmKxbsdAqslp__Emp7zlXAgry5mLu6HbOPZxqHymZIGI49KVoMODSfcZpIos_3EpSHg/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #4
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMC2jL7HATQ2f6Kr1yp_kUr48pYT3XWrhcK_h7Dearl1cqgsNZHjWz3eT_nCgMzc9Okcfme4kKYvkHUW8Ocxk5O54tVSgxM1B9AwD2DVsJt5bKa9pm52Qev3llaYZ1XnEtJRlkw-yR6HM/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #5
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWzK1ZB1R3OVGUUMpcEJw70ezgH8jvOpspd-FdPX3k_pYD7LG9GFO9f609O0ZyKVugCL-VvJRyrvxzKxS-Wjb22S_KLF-RTIPDSwU_JHoWiKmV1E4y0MDI7BlTJ0lzCvfkL103PGz_Ts/s1600/back_to_top_button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #6
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpg18bhpjCAYFyBHZoAxZEbL5vekTm_FBLy6Va6UYg6pyuF0uC3oKtTMulnaj_EEk3YjHKiJDH8sKbaqyGISgcoBCRbXjiy3eSONGz6vWDUXI9kFT3VO7JzbnsKFadKOGta-FT5k5hCI/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #7
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxMh1gVBXMgHbfQ8DJaklDmxcvtFjSR2sErXCdnt5FqpA-a6dqxlk0mnn5oUEg9UVgpvFoZaY2-OjwDfxU_8Al4yUqhM15IGRZA0hzsHi8REg96qYhhkw9w0T8v-wieQDVBmAw6Ei1EAA/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #8
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbvFHpr2Zb4V2gPj2fP1sFLYbYWTFPeP_itN0w6TBc318lpu_YhJe8UeDzS8oPRfCsXulCvsc5Xi1zc2hzj4plZ4ETwbXil4PlFK5PF8BZtE_5171lxNjBAhVmT_9RD4kG7IqaYr_C9o/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #9
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8leZpX6FEy2Z0wOV289Dfa6tLXKgvo26781MaXYr-F3Djs6NItxz89DpHWE14vR2-5zd_df8Lro3UNXZ_oOWqxyujde1IAbcyCErhl5S7iOg_tH2S35Dyrxp6FiIqcY8lKBcPcqlZxGo/s1600/Back-To-Top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #10
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVTgPxBW2n6W0EXrfkddq8wd8UWSWH2OBATyQ8fSdKOjrFhcAMTAZulrf75K4d-jnKmd6YGgEqSI3AvVKB-mZ5yI78PXdZdAKCLWv6jDzS_7J34fIw2lTcTCUywaHzaqDFsjdcp-u-QU/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #11
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sCWTjxejYPxPp2Hy0v-usTc3SFmIyBH2hKEQAzJLxM-g1V4mxuC5xTEuaE_G2pb8er9GnXvJuCTU-3t6_NXh6R0paHup6zsBIiLvUZ7OIv-2KvFPfoTJg_b_HyfsuPTRktj7O61cB9s/s1600/back+to+top+button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #12
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiduvWANpK31Y20lTLEbhELzrLzq_uFj-_hvmrvKdCZdDX0nFaErTWYdh0T1WLERuLkcQ3uFwJBPd8fkffiigYphYXEwKdWkVXHm-miUp7ybD-JQTmDno1-gFTmrRGYORkhOwUYsF9n3oo/s1600/Back-to-top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #13
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2oJw01Ka3k3Ou-tf1MB0_ynde2RM5DZhJRYoscXghy7dTiuAUDRQ4YrXGqwdXU0drk2qfvdltBU6-xxHLjeAbWy4GvoS29zCXUR8QMzhi4MORHG6EqU9gOHNZ03qdN9J9ITrRUZh_VQ/s1600/back+to+top+button.gif "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #14
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzXn62ttZ51NCabmQQtnimXEGrxp1DEt0RV_xqcX2GyNQULAXfbKlDDB9Z5mauww3GqY0YsapzeOxhNOwegglEuxFKF5pg9-uaKOrXPv6jjwDchiWa1zE5H5fW8nR5vK4cXtCKtzaiLk/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #15
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcuqi_Qiam8vJFLOR6qPE4YJtMWvE6oW_Ageexsav_remPp4HNpgi3I-lNk4CB3K8LHzFZOd62_Bv6OGpK2A5VIG4_uspPtzYEXUdL3sgaddNooKx3Z7pBTEJFKRmZ5xpPbuAdq8QSCUU/s1600/Back-To-Top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Back To Top Button #16
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseubMYIgN2rOQgXnKyXxstWtdoqfnyEpvNbi0INCTTV6SUgCzxIMe2F-8YEPx2JMCawwLg4C3k5JxNcSfZKiqnQeQOjUrmShmy3FZRN5SzrIJmlKBYSVVeSWer4O_AJcE_US9g0toAVA/s1600/back+to+top+button.gif "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
0 komentar:
Posting Komentar