Langkah-langkah membuat back to top di blog :
1. Login ke account blogger sobat
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang
bertuliskan "expand template widget"
6. kemudian cari kode </b:section> ,agar pencarian lebih mudah sobat tekan
tombol ctrl+f lalu ketik kode tersebut
7. lalu copy kode dibawah ini dan letakan dibawah kode tadi
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='Masukan Url Gambar Disini'/></a>Ganti Teks Merah 'Masukan Url Gambar Disini' dengan url gambar yang akan
sobat jadikan icon back to top
8. Simpan Template
Jika sobat bingung cari gambar buat dijadikan icon, sobat pilih saja salah satu dari gambar dibawah ini, lalu copy url yang ada disampingnya.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjSNwkRjtt9m4jK-HkSxG_nljP2aa8GZE66f16sJ9BhtfC43V04wSgWpjFc6I8tV_bXIQ0SjRtZOF6007Ss2MrhwpWtRmMpFTNffreebwK15P7kcINB5rvstbuhFxXAIvEYKMCUPQtCIQ/s1600/Back-to-top1.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL3HmGTkiDqhQAIBLbt98p7VzCclhlHP1jD20eh69GSWZiVw4uDaZnvRPkK1tmZwL4zLPvt4feR1zwAhaN8f5TVBXsA6d8wifDeR9ruYxRDZS9KYMcbmPai8UhfVrzGMLGWhJ-5MW7tBE/s1600/Back-to-top2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYpAVe7JHotVdGkW8c2YyiYajW-4V-fOr8Ljpi9t-Ee9JK-HvZsBjIzm5dT6nBfwxOjfPJIf3WkzjMwvp3xxcB7TdRrAjvZOxv39p-62Jh8fakMUfGGJASECmrGE120aVnOjtZ3ShJHE/s1600/Back-to-top3.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgk7sBsiGPsH-C19wuhX34bBWoDjziiteQESdWp7AwTtXdXMdC1sbHJXBe0Z12z90Zce4rdEgzqDhIMxKa3PhahyphenhyphenHmHfP3MfYyeCMeJmHUqjG5jFTWC1v_5XJe4A01zsmb5IyjXDs09qU/s1600/Back-to-top4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6v_ovkvAS4E0WUEhDiPfdgaf70ymaCtONnm9MHjutu9sDJidEtBfhUUuhl8xWkwyBQNxUNWMLTDgR9bOuFQZ09HwwEaFjqUZer-uuef-N1XPUJCFOnEaJ1wJ_SH4Ih5cMcCtJvFnh2hI/s1600/Back-to-top5.jpg
Tidak ada komentar:
Posting Komentar