Cara membuat tombol back to top

Cara membuat tombol back to top atau kembali ke atas di blog, yang akan muncul ketika halaman blog di scroll kebawah. Letaknya berada di bawah sebelah kanan dan jika tombol itu di klik, maka halaman blog akan kembali keatas dengan pelan, dan tombol itu pun akan menghilang.
Cara membuat tombol back to top
Seperti contoh gambar diatas, gambar cicak itu akan keluar jika halaman blog sudah di scroll ke bawah dan akan kembali menghilang ketika halaman blog yang dibuka sudah diatas lagi. Cara membuatnya silakan ikuti langkah-langkah dibawah ini.
  1. Silakan login ke blogger, dan pilih pengaturan template.
  2. Klik edit html dan cari kode
  • Lalu masukan kode berikut ini diatas

    •  

    Kembali Ke Atas
    Kembali Ke Atas



     
  • Selanjutnya cari kode ]]>
    • dan masukan kode berikut ini ke atasnya.
    #ScrollToTop{
    text-align:center;
    z-index:9999;
    position:fixed;
    bottom:40px;
    right:30px;
    cursor:pointer;
    display:none;
    opacity:0.7;
    padding-top:4px}

    #ScrollToTop:hover{opacity:1;}
    figcaption {
    text-align:center;
    color:white;
    text-shadow: 5px 5px 10px #000;
    font-weight:bold;
    font-size:10px;}
  • Save template, dan coba buka salah satu halaman blog kamu. Lalu scroll ke bawah, sudah ada atau belum tombol back to top nya. Jika sudah silakan disave template.
  • Jika Belum, coba masukan kode berikut ini diatas
    •  
    Save template, selesai. Semoga bisa bermanfaat untuk anda.
    Posted by :
    Add Comment

    Langganan: Posting Komentar (Atom)