Cara mudah Membuat Icon Back To Top di Blog

Salam blogger, pada kesempatan yang baik ini saya akan sedikit berbagi ilmu dan trik blogger yaitu cara mudah dan praktis untuk membuat icon kembali ke atas halaman atau sering disebut back to top. Back to top sangat penting peranannya jika anda posting suatu artikel yang panjang, dengan icon tersebut pengunjung blog anda tidak perlu gulung scrool lagi untuk kembali ke menu atas blog anda, tapi walaupun posting anda pendek-pendek icon ini tetap berguna karena setelah blog kita ramai pengunjung nanti, pasti komentar blognya juga banyak kan.

Berikut 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/AVvXsEjXzEefjwc3TbaL7TXz8uLI6Ernzsb_XEOQNzUX3OBJ0OFdLeZ_7-gtdI0Rf01bMa3zpUjYPfiaNsr6lMFsFi8GsgxEJ7pqWnbBM_JJvPln-Rd2G4l30SR2-rVmJXdPje-vogiSg_bF24o/s1600/Back-to-top1.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzwIWUjFbjpqALHfp7cS0ihmUIlkZ1T-NSykFkjBRAM16iw0RVFiodiglaknGTOfsHIVT-f1H8FhIpUKBP9y9T_ae2yvOTV_oNUQPsWYqQzs_KERwjZkcrGaewAWPlFTFZvqQ1bB1AmE/s1600/Back-to-top2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNXrijBF5uGi0Z98Ugn4LhWcSl3Detg9DgwoNhuK-1lgjpT-HAo65ebVXj2NSCftoMo_qcqIIyAMOykiR_wJRVMUi5kN4WuZmx-3w6nGzsTmMKzxSx2HGE_Z2PtjY6HWUDjnCVDCpbm4/s1600/Back-to-top3.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP1DxX5Domqdmyv6VWOZ_PF10AvimV0ETdNOrRv2a_I5Vrm7wfFL8wp7lFeHFKSwWbwXz35tSHWbmHWLl1wIncqYs13IXgnCToHgnEbsmgqQlPwNkVtrEc7ibU-XsQ2D6ZezY_Zu6MpoU/s1600/Back-to-top4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ipNn5xMkPvIPY3Vtiw7fnwzjEW5QIV6choy0L7LwfFkBeluB647BBHVAL4HW9qy888Fnywi0XsxXPBTn1pZuGK07G4rIAUK_WN9TbSoOlVQ9rrVMyoTYPO22A93qZQYR6kLGYfIe_Oo/s1600/Back-to-top5.jpg

Selamat mencoba dan semoga bermanfaat

Related Post:

tutorial blog

• PENYEBAB ANJLOKNYA PERINGKAT BLOG
• Contoh Penulisan KODE Background Image
• Daftar widget keren untuk blogger
• Cara mudah Bikin Template Blog Sendiri
• Cara Termudah Membuat Slider Popular Post
• Cara Cepat dan Akurat Memantau Pengunjung Blog/ Website
• Tips Cara Membuat Animasi Semut berjalan di blog
• Cara Mudah Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close
• Cara Memasang Widget Admin Blog Lagi Online dan Offline
• Cara Mudah Memasang Widget Radio Online Multy Chanel Di Blog/Website
• Cara Memasang Siaran Radio Online di Blog
• Membuat Gambar dan Keterangan di atas Kotak Komentar blog
• Cara Mengetahui Harga Jual Sebuah Blog/Website
• cara mudah membuat judul blog kita berjalan di atas postingan blog
• Cara Mudah dan cepat Pasang TV Online di Blog
• Cara Melaporkan Blog yang Copas tanpa izin Agar di Hapus Google
• Menambah Kolom Diatas dan Dibawah Postingan Blog
• Cara Membuat Tweet Box Dibawah Postingan
• Membuat 3 Kolom di Bawah Header Blogspot
• Cara Membuat Tombol Share di Bawah Postingan Blog
• Cara membuat widget reader di postingan blog
• Cara Memasang Like / Share Button di Setiap Postingan Blogger
• Cara Pasang Widget Lintaskan/Lintas Me di Blog
• Cara membuat link otomatis di blogger