Cara membuat tombol back to top

Cara membuat tombol kembali ke atas atau bawa pada blog, yang akan muncul ketika halaman blog dari buku itu. Itu terletak di bagian kanan bawah dan jika diklik, blog akan kembali perlahan-lahan, dan tombol akan hilang.

seperti contoh gambar di atas, kadal gambar akan keluar jika sudah di halaman blog, gulir ke bawah dan kembali menghilang ketika blog dibuka sekali lagi. Bagaimana melakukannya, ikuti langkah-langkah di bawah ini.

1. Harap login untuk blogger, dan memilih konfigurasi Template.
2. Klik edit html dan cari kode
3. Lalu masukkan kode berikut di atas



Kembali ke atas





4. Selanjutnya mencari nomor]]]]> dan masukkan kode berikut di dalamnya.
#ScrollToTop {
text-align: center;
z-index: 9999;
position: fixed;
bottom: 40px;
yang tepat: 30px
kursor: pointer;
display: none;
opacity: 0.7;
padding-top: 4px}

#ScrollToTop: hover { Transparency: 1;}
figcaption {
text-align: center ;
warna: putih;
text-shadow: 5px 5px 10px # 000;
font-weight: bold;
font-size: 10px;}
5. Simpan template, dan mencoba untuk membuka salah satu halaman dari blog Anda. Kemudian gulir ke bawah, sudah ada, Kembali ke tombol atas itu. Jika Anda menyimpan template ,.
6. Jika bahkan mencoba untuk memasukkan kode berikut di atas
Simpan template selesai. Semoga bermanfaat bagi Anda.
Sumber : http://pengguna-komputer.blogspot.com/2014/01/cara-membuat-tombol-back-to-top.html

Share this post