Cara Membuat Tombol Back To Top Keren

Hari ini kita akan belajar trik yang sangat mudah dan penting, Khususnya jika Anda sudah mendapat banyak konten pada blog Anda halaman, Dan jika Anda ingin blog Anda untuk mudah digunakan bagi pengunjung Anda, A kembali ke link atas atau tombol pada blog blogspot akan membuat lebih mudah dan lebih cepat untuk pengunjung Anda ketika datang ke cepat menjelajahi dan browsing.
iklan
Sekarang kita akan melihat bagaimana menambahkan

     1. Gambar Kembali ke Buttons Top Dengan 19 Gaya Berbeda
     2. Teks Kembali ke Tautan Top dengan gaya yang berbeda Dan Warna

1. Gambar Kembali ke Buttons Top Dengan 19 Gaya Berbeda
Langkah 1

Ok, sekarang pergi ke account blogger Anda dan pergi ke, Dashboard >> Tata Letak >> Edit html >> dan silahkan cari kode berikut.

  ]]> </ b: skin>

Dan tambahkan kode berikut sebelum kode diatas :

  # backtotop {
padding: 5px;
Posisi: fixed;
bottom: 10px; kanan: 10px;
kursor: pointer;
}

Langkah 2

Sekarang cari kode berikut.

</ body>

dan tambahkan kode berikut sebelum kode diatas

<a href="#" id="backtotop"> <img src="Image-Url" alt="back untuk top" /> </ a>

Tapi sebelum menambahkan kode ini ke template anda silakan pilih tombol favorit Anda dari berikut ini Dan mengubah kata-kata dalam merah, Url Gambar-ke url tombol.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiInY2TzMpDH0BNRGrROF70iD4l6c3CKEl399RTzE9L5QPBy2DLW0zHMd6tFE2d1QuYxeP7nODSVf-CUxYns4Zwp8g0BxOC_ukaDL2UKl2v1Xx3-FcGGIc6Y_QP7CiWmcW8Mh75X1IL77GL/s1600/bttp-5.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoiRADFzNFsWQSx6vOiq96VekSFKmSDi0sb89q5DXCYjSvvIMGdEBJFqHnUAm7ZL077unu6tYTbc3uETozeumkcsC0qND7g2GSrOQHY_FW_WyKRb52BS_UlOqSrhEgdavtmOjDBg8DbxN/s1600/bttp-4.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhsuL3_PrpsJ0Oc8QGq1zm6vDMrNI5IvqB1bJHP6XO7TaKHLhNoe1kGmyLTryp1MxHu_q-1lR97R0MEZWi4lOOmYfg43-bpdPZ_2BrJZwjFfN0Ybi_yyDUgNPN0BaoDKEWuKAQ-_m04Vo/s1600/bttp-3.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzberclzdpZwEvT_UxOYpTUOSVq_NomK_dOWrhAsduUNLHAC_GK1plCc2UWhJSlMxa-k6pRxwk3ofSKZ21QmiGJlxJd20EaRgEnDi5XKJ_PFmxEDOVtdZ-nNP11dAzn9R-ncnlOSKFYhlV/s1600/bttp-1.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_C6LlTrSDxBE_NqadCIF2bBVqx8ooQRuxvm29_xJmquvXm5-JmcPoen5cS09c440nCUTny9hwIuo1BhuqYukDnbJDHrfNtka4rvLueYP2eklcQUkU6HT5t5MemXyTJpMTab3ggTSfau/s1600/bttp-2.png
back to top For Blogger
http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lejOwFug_qwAbciuF9CUqfhcJe16krAZvySgMhyphenhyphenPNNgQH_gRLKdEXWIuc23jyktp6PlANjS7tvXvLN8JU04WPtE-0R_tjGbTVJbCAH1GS8pERtBKNMabmnhz3rL9avjtN3BdV3w03n9h/s400/bttp-10.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy85jOL13NwRYkDp0EuHVBbluK_NdlaW-BX9kFd6vBvWzS_TU7GN1JJx93b3dTSWxb56-ugpAOU-HMWSDUlRwWiGAtMifJ17bypLLI83jU0zRVHJ5Q-Iexge76ec4Ok35sXIGfcjo_svmS/s400/bttp-9.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHkOvHHPU5gfS5fF8xi7fsiNeOBI0YlboL34CxOjvW-jsHqt-_VVU1E6OSKxP0WeP0x5tzB56097MRjp68tAfM26IXr7c28gl03sxf0MLz-92zvCTA1FDzAd9zkuK8uJtExlwKzu74FpU/s400/bttp-8.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLAASVuxLdNzibpAplTJC3iY8t4Psj8Wfz3TfIbZF2pUtpBWnRIq2b9VHJ78PLA3eou5sOzKgo2Gzsl9THSI9SOjdpA2D76arAdnWNsbxVsv2SIqRBeZg0ssaMsgNlQ-FtwD1RDcLTxmr/
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtrIey2WZN1vNWuTfQECAfI9DCpTS9hAe0dOmJBIr32irxiXFHY0heqTpu1nIFSN6GnGfXhWklegYX4EwMPRzWMS4FOlvhkkGWLNZ0YU_mkVvGW8dusMw6b7rp43DW8XXfv9oyQ1AIoSOm/s400/bttp-11.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNgFwu1-6rxyOZ2cEvNwYp2ufU14XZFxn3KIRvmrtc0n2EwpUs6L0fok0RGXbk3ZZGKYHm1lE0QOmQJHgBFCPYPNh3k4nio0wNXWhNVLlQqLUYNr9BxHSGk62Zs-kkHM3l9cnNuC7tX9I/s400/bttp-12.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLLUX3qjl8OrX2JwoWZEf_6tAKmagCjlhuRNMBm6jJea575kxa4AX0PWJeL7Ep0sto2O_WsXmivxrcHuUUtdXJxGaP6SSgpO6DtLmyOUkXfbZYysyY1JN_Sa7jS_7CH1xsjwvbWHFbdHX/s400/bttp-13.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8eWkvXWZUUdRnhrXfJcp7CRQRhd7PHBffqRyeqW4ET_vbW8u4pYYdEgmDztTgB18btn1i5Bgt5VOmJ9MDx0y0OB-v_XSXTt5Z36pdjA9xuUl2T_p66sOlDl55WiPFPVn5LPwOKoU4HnHV/s400/bttp-14.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirB1gXH9kOnc0RDz97xm8B9bVuHg31_xGw2tKsTDNdzSp_VNK3LEnwJfWzLaFtYaD8uAKRZdvzLhVFQxg1SB3ARKdjyOyyRW1LBiPFEd0BqlzE4amNOlniHEr2oJqn1svHAL8gyCqqB2O9/s400/bttp-15.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgki3LLdkaBRw62nE7sR3J_lnHsrgS2nPIqnqZK3G0J_O6zCvfVnakEs4LH-YPrBWQU6BXz8IYVV8miBYhZ8hde8jgMfAgN32EL5ktuHNQ8sEQv_p3O6QTTPCQhxMpNayP7fnxvqENlV3Lh/s1600/bttp-16.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfHVNHy6VYeu_DBN_nXpqoef5QrVNmcVG-oPsWkbJNqC2sm1k5opdn4eK1gnI-6Gh_Ax1Nd8JEYc2nrJ64KlfZpcSAucc0_wgZqJ61NoBIBTYD1n9tg_CemjvjWANdurDt82zFCpJkXgYT/s400/bttp-17.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6M-EASqNkOPjlEr2W-Lhr5KwUzlffE6KI-m1Uae1TTdVHuhSN2lBfPZGdkvMjiVExoTEov5NUlyRzHcc4ywdYupF3Ev9G-TCfoS1hZJ0DYg9OSrY0p-6i_FdeQdEmEc6Oi8K03xUW3zcd/s400/bttp-19.png
back to top For Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VrZWkoy-m6xSXkHcL8ERqhjbmnv1yhohXCy7X2-ABodWQFH0_UY8MMNtJXlHEMfDYFOJlPi8ouWu8zkceIQZCrsm0bN_TfnXU0ccOihbq7RXAohHl1j3OeaseAkJ0zKExHa1KrmgHDVu/s400/20.png

1 komentar:

  1. sob,,kalo tombol yang pas waktu kita diatas tuh gak nongol,,tapi klo di scrol kebawah bisa nongol,,tuh yg saya mau sob,,, hehe,,,coba di share yang saya maksud ya sob,,sukses terus sob...

    ReplyDelete

" Terima Kasih Telah Berkunjung Kemari "
Semoga apa yang saya sampaikan dapat bermanfaat bagi anda semua .