Cara Membuat Back To Top Di Blogger

Bismillahirohmanirrohim, Selamat siang sahabat tugaselesai. Dalam posting ini saya akan mengajarkan Anda untuk Cara Membuat Back To Top Di Blogger Anda untuk membuat pembaca Anda dengan mudah kembali ke atas halaman. Jika pembaca Anda browsing melalui puluhan posting di blog Anda, plugin ini sederhana akan membiarkan mereka untuk langsung melompat ke atas halaman. Plugin ini sangat sederhana untuk diinstal pada blog Anda dan akan ditempatkan pada sudut kanan bawah blog Anda sehingga pembaca dapat memanfaatkan ini tombol ini dan admin tugaselesai akan memberi kode html untuk membuat back to top 11 buah dengan gambar yang berbeda tentunya yang bisa sahabat pilih untuk situs sahabat.

Cara Membuat Back To Top Di Blogger

---

1. Go to Blogger Dasboard and click on Layout.
2. Then Click on Add Gadget and choose Html/Javascript from pop up window.
3. Now paste below code into it.
<!--BACK TO TOP STARTS--> <a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="URL OF BACK TO TOP "/></a> <!--BACK TO ENDS-->
4. Sekarang sahabat ganti tulisan yang url back to top dengan alamat url gambar sahabat.
5. Simpan widget dan sahabat akan memiliki tombol Back to top di blog sahabat.

Nah admin akan beri bonus di cara Cara Membuat Back To Top Di Blogger ini dengan memberikan contoh-contoh kode html dengan masing-masing gambar yang berbeda tentunya dan untuk cara memasangnya sama dengan cara diatas hanya sahabat tinggal mengganti kode diatas dengan kode-kode yang ada di bawah ini nantinya. berikut ke 11 contoh back to top yang bisa sahabat gunakan di blog-blog sahabat.

---

Tombol 1

<!--BACK TO TOP STARTS--><br /><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/AVvXsEh_-9J-S2S7_jUzb9z1pWTmxitPwzqVh075ujAuBmwUBpA6B8A_uhPNuUhZ7W-58t7PHkYu6IXS6nReBxtuGBH0hCh3Z1_jKMFsYdKR4z5Cfbnl4W4PT2BKMLavbV7jtcXgyYH0e-uKpGY/s1600/Back-To-Top.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 2

<!--BACK TO TOP STARTS--><br /><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/AVvXsEglIG2xti8Bf52AEBfLDGBYgzwt98gY8jeUTOw-L2l0XxuSAbok6dPU3yKx0MPxDCLIXE5qcV65_DfDDTsTyMaAuKbOwfNQYDDBJ8z48o6CHJQMgMI0ZTV1lKiiyBXxyJY49v9uQ8ygjMI/s1600/back+to+top.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 3

<!--BACK TO TOP STARTS--><br /><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/AVvXsEi1zkLJSpZLJXVLLOpR5y5PBn28fHJBt6sHxCn7e5muDK65zNzMhPUxFYn0a_Xnoplm4-6zNN4ggKOnHqj4ve2nOOktOY_x4xGs8sy60jOyTikF5URqCaLyzFoL3mN4xTYJlHpsUSt8d2U/s1600/back+to+top.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 4

<!--BACK TO TOP STARTS--><br /><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/AVvXsEiF6KDkhPp7Ba2HgOzSV0Sn-yXRzmHHgikDI7O1KxNSVX9zpkmaP3IToRDj3OOrG4VcFpoNRxfmEMYHJj4bRIXpg0fR9smB2iZcYpFkpeyBsVJzb2m0saPXW5KKaSlDi1EhTNe3AH_w59M/s1600/back+to+top+button.gif "/></a><br /><!--BACK TO ENDS-->

---

Tombol 5

<!--BACK TO TOP STARTS--><br /><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/AVvXsEi6GeybFCdubvLhLQC_lPfFV1AN6EeARjvR90ZFlxtJcNGtLDxuYDM24IdG6HexjAqtge0efwg2W849NsBII2k8qJnR3FoP1LzMKqoctyIHVYfNl4frEpKsTzHrjU9FCgPEknZbXYR_610/s1600/back+to+top.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 6

<!--BACK TO TOP STARTS--><br /><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/AVvXsEikoeQFSS1Fb9iDvMjo9ARBqPB19vRf9JlY0e_ez6PYyp2XRRYEo__QsTktMr0vFc0PSELHcaxEviNGinqBGfYUFZK8L0c2KbCzp5OKwVd2k3yt35Tyt6AnmZ-Z6u7kPLtBEi9jW9-FAbQ/s1600/back+to+top+button.gif "/></a><br /><!--BACK TO ENDS-->

---

Tombol 7

<!--BACK TO TOP STARTS--><br /><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/AVvXsEi6mN38QsKnxeirrsNvjmL4G1CNFBKb_6uiaH1o0CouQsaJ3BiGVagj28UbxO3WaJsQy9hLojymIpoY9hmCiGvjHhAZiF-hRhCwHDK3gk43t6Ct4bXCipDWUsNoGiicIdyZBO2NyvnnW80/s1600/back+to+top+button.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 8

<!--BACK TO TOP STARTS--><br /><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/AVvXsEhDYpC5OQm46HL710Dq3zZeoGEbVsxeJ2cMcpWKyZVKSEefvm09tRvvzGWfxXOhAYdMpMQVcSnnJ7bdntTBQLvBZnSjxP29mdrTpXIiZLOJ_aAcmHoJFgSbBC4WmAcirKO2lgbSWHyQIHk/s1600/back+to+top+button.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 9

<!--BACK TO TOP STARTS--><br /><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/AVvXsEiBGhDYRasqJCZPFJ36duK3H97UBwK8tD5ttIH6gVxe3NlCKsQIEfOWyW6exZoIU_PfLqxOMJbE41bIyQS0EHJp9pBtYTklTRfI_aFAWLL_DqWdjqHm8qlLweKFSnV-VDO1cxJEcz6eY0g/s1600/back-to-top-button.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 10

<!--BACK TO TOP STARTS--><br /><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/AVvXsEjrS7Mg7XprGosIyskQLDo4tkW3lpSmQ_-oDyCoaYy_rxqXZ-THSZVdghtv-0nTeKYPCjzL914gT4_X7vwpQGuA2tsp_W-NzhVS5luB0FYV3A7XPPTUeHTYiJCjweXvMgaB7BSnh6ltK28/s1600/back-to-top-button.png "/></a><br /><!--BACK TO ENDS-->

---

Tombol 11

<!--BACK TO TOP STARTS--><br /><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/AVvXsEjuilzkUUHlnNaEVtjvG2GutrSCzMMY0B8YPikQUaxO9vkHT5taNjx2AI8FVkeBfewPSsOP3vQYnlkfJ0E5m-OvEIA2N0eTs3WBGfpEs4pfhls8RCbHp6yQhK6rMm95MqdCbWDHF5xgcHI/s1600/back-to-top-button.png "/></a><br /><!--BACK TO ENDS-->

---

Nah bagaimana artikel Cara Membuat Back To Top Di Blogger ini sahabat mudah bukan, sahabat tinggal pilih saja diantara ke 10 gambar diatas yang sahabat sukai untuk di tambilkan di blog sahabat. Semoga artikel ini berguna untuk sahabat tugaselesai. Jika ada masalah dan ada yang kurang jelas silahkan sahabat berkomentar di kolom komentar, semoga artikel ini bermamfaat. wasalamualaikum wr wb.

Cara Membuat Back To Top Di Blogger