16 Tombol Back To Top Keren Untuk Blog

16 Tombol Back To Top Keren Untuk Blog - Pada artikel sebelumnya saya sudah menjelaskan mengenai Cara Memasang Tombol Back To Top di Blog. Nah, pada artikel kali ini saya akan membagikan tombol-tombol Back To Top yang keren untuk blog kamu.

Tombol Back To Top berfungsi untuk mempermudah pengunjung untuk kembali ke atas blog hanya dengan satu klik saja tanpa harus men-scroll mouse-nya yang tentu memakan waktu.

Sebelum memilih tombol Back To Top, pastikan kamu sudah mengetahui cara memasang tombol Back To Top di blog. Jika belum, kamu dapat membaca artikel Cara Memasang Tombol Back To Top di Blog.

Jika sudah, kamu melanjuti tutorial ini. Kode dibawah ini sudah disertai dengan gambar sehingga kamu bisa mengetahui bagaimana tombol ini terlihat di blog kamu.

16 Tombol Back To Top Keren Untuk Blog

1. Tombol Back To Top #1

<!-- Back To Top Start -->
<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/AVvXsEgUXxB9Cjo8TRWq3OAMwSihmwI2eu4TZNk3fr6u4brzXvRCpwhsGbLBHI80Pw3r4n9ebkqyJi35oCxDDvGB5RooUEyV-zDvlavIUhaKYMwf_PavZLpB2BJoDT79JV5dMipg0hmWQxfCubYD/s1600/back+to+top+button+1.png "/></a>
<!-- Back To Top End -->

2. Tombol Back To Top #2

<!-- Back To Top Start -->
<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/AVvXsEhoTxe6aQRO8451LVAG6mCutjxlvgXUx8r9LxTVycWuKrHeg_2GSFMdOGfU3ytzvXawGQ7WQ_03jKg9ggl-PB9EWv7dAHIc1iAptZkKBOjFBbDEj4vnjpRd9hb0f9GE8rJ0524jFeDQAG4x/s1600/back-to-top-button+2.png "/></a>
<!-- Back To Top End -->

3. Tombol Back To Top #3

<!-- Back To Top Start -->
<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/AVvXsEjuHz24wCuzLHqF93yYeI-CxwVU_SEZR3SEhTRx4dgAFcj9qLJ1BMMffFvAI9K4MB2ZGsqr2tacg5FKldOCrfyxeK2G58vIJHDzi8i1cP4dV0NlAasNoc5yH9lRUPIu8p01dymN2WrAE3Fx/s1600/back-to-top-button+3.png"/></a>
<!-- Back To Top End -->

4. Tombol Back To Top #4

<!-- Back To Top Start -->
<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/AVvXsEjBo2e9deabR-tk5nLMPjvYAAvJm-DvHIiUmkh_XKgldf4Vsk__4LjSUcx2TGEFN1m7t2QhVupLbasNvpB9vrzLk9dIiWcJxpYG2DvgW-jYUVyqWEo7gKs5rRGY1Ra5P-3_POF7KKV_gt9g/s1600/back-to-top-button+4.png "/></a>
<!-- Back To Top End -->

5. Tombol Back To Top #5

<!-- Back To Top Start -->
<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/AVvXsEj98uVxKLIe9cDMp55RVMqgBf2bKqG9V7mwOS8VwHdVScQigYh4HDalAjTylPyHtQJJl0HdhgtzhiihmTo6tVEZyf5Zapxpqb5-4jGDrVgR4bsUq2FRSM_cmh2Oz604d2D39ML9p16cEloV/s1600/back-to-top-button+5.png "/></a>
<!-- Back To Top End -->

6. Tombol Back To Top #6

<!-- Back To Top Start -->
<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/AVvXsEgNrNbDUsjrV8jTz_4WQq7XM8yrcrNpnsXV10dRI3FC0LKXasNjosmOLN8-r-c12S8VNVviV_n8ukuHsfiI_ByaogzjB_5IvNkBUQpvYG9RpN1LhtG68dkjKky1dxw4oHq3EriD-4ifXIcs/s1600/back_to_top_button+6.png "/></a>
<!-- Back To Top End -->

7. Tombol Back To Top #7

<!-- Back To Top Start -->
<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/AVvXsEjmKWRgOGDp_oIQmCfbqJv8IX8_wBhTUaHchb9Un8wPLriJ_lSA-wcoQ2zQ8YmZwY8BqAwYiSS6Ki45QBgVVKnk0gO0Ex2MG2q6zXnmP0o99nqEUMDfReTDU47roKDNdM7wpnScmEj5fZiA/s1600/back-to-top-button+7.png "/></a>
<!-- Back To Top End -->

8. Tombol Back To Top #8

<!-- Back To Top Start -->
<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/AVvXsEi8233F_9eQ3eEQuMhtNNQuVA_gmSdB01Fzrg3PzFZP06fpFVIPuo4Ka8rWESaY_9h5w4jiEGQLkzlieoj0Sq0HC9bY8t6tl3fwwzdW8WrHOpYoSTxm-kGRLNSBLg9_HoK5nRS2T5EAEAlD/s1600/back+to+top+8.png "/></a>
<!-- Back To Top End -->

9. Tombol Back To Top #9

<!-- Back To Top Start -->
<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/AVvXsEibDkvPJbr66V31o42tGdcp6vvPRCNC8k9bC6GIvx3WyjDXwKcDBPDsA8WO2B6izOzqUPagKHKypn13XRxva52HxZLz3IGGmLI1MO1tqkkBwMv1kA66k_lQdLVFGujn7oacFhZxVCEhFCNM/s1600/back+to+top+9.png "/></a>
<!-- Back To Top End -->

10. Tombol Back To Top #10

<!-- Back To Top Start -->
<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/AVvXsEgBQtsJt7U_DXtBtkZnXVShPg7vN6FdjLfW673F6l0gX5AzFFXjja7ydd1KDBPUeeTusrkiFBrxx8xoIxbm_LT_KQlcSv_y8xX4xu3wjurQ__xTx0h7WOvIY9oOR9HcOnZuuUfxEoZHDZ2v/s1600/Back-To-Top+10.png "/></a>
<!-- Back To Top End -->

11. Tombol Back To Top #11

<!-- Back To Top Start -->
<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/AVvXsEgnNQfmhA7St1Y8H7XGGHe_nPLqBypzF6ksuaNREkbtkfu3AbZ0hWknrtpfIcL1_XT3R4ko1SDOc9YUR9uPvRLZ3LWYGmlmd-kA2Or2eTB1qbNeD1p4mltPCfU-SY7-HQLV_6_Dc6uI8q-b/s1600/Back-to-top+11.png "/></a>
<!-- Back To Top End -->

12. Tombol Back To Top #12

<!-- Back To Top Start -->
<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/AVvXsEikRJ-xrvOpSbFTKtE55oEF3CSb8V2opTM0REBSXZptmI-6O2xmanJtBbHCUa6sOupeH0hrJyg7UX53zvwVvXQbvEtFRgl0_aOorQLTgYWt0Q4XH3c2ETvk6PNZZn2RLpJSzEzREV3WNOjm/s1600/back+to+top+button+12.png "/></a>
<!-- Back To Top End -->

13. Tombol Back To Top #13

<!-- Back To Top Start -->
<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/AVvXsEjuRQXFZj9Xpf-1oQCuJMqJoaKdLp3JacUB0b4pQAIDxj0wYcWtUOkMd3TtehdJfB-0G_h7kZopG38EGlnBSOtQo2_hKMTAff8M7XhZYpbogrKydM5d6x6lMWj7_fuyu4jhx2UxsfPyIhDo/s1600/back+to+top+13.png "/></a>
<!-- Back To Top End -->

14. Tombol Back To Top #14

<!-- Back To Top Start -->
<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/AVvXsEgCj5ilc7hNvBak-IVy_gXX6_p7rGYeUU5egyEWauySO5RGB7RugqsiJXY8jl-j-J9QRtkliJ0Y923EHD7FUAWJgP3XzID6bh8qY_QDFoea7WhZfIqd5GchTj5vqfdttfckt_EgROJtJIkc/s1600/back+to+top+button+14.gif "/></a>
<!-- Back To Top End -->

15. Tombol Back To Top #15

<!-- Back To Top Start -->
<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/AVvXsEjtuyeJL77mpMlQHCHRXL7tJYOzokVn2hc_9pB-SCoRaPdSrGi95NgGow1KQPxK6geubAVIhmehYzjbwjrD4PF_kFSbfBqxiNh1f2m0P19V7Kms-qpLqhIwY0uAM77PGwIbIMlBaV2WtYpj/s1600/back+to+top+button+15.gif "/></a>
<!-- Back To Top End -->

16. Tombol Back To Top #16

<!-- Back To Top Start -->
<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/AVvXsEh1mKq9mU3VzQLdnqDMWJxQZ8r5M_NcIpgPuIKvo-4WTGOQbiYt3GIUVpdiL_eocrorynA1Yau4bmbBTeB8QBogQ268uxre8vJUS_XdesD3oiMoJgyy01FU6xYhgWa_JfYvhzqRZLO3blZx/s1600/Back-To-Top+16.png "/></a>
<!-- Back To Top End -->

Itulah 16 Tombol Back To Top Keren Untuk Blog. Semoga bermanfaat.

Sumber