Ads Banner

Membuat Tombol Scroll/Back to Top Melayang pada Blog

Membuat Tombol Scroll/Back to Top Melayang pada Blog
Membuat Tombol Scroll/Back to Top Melayang pada Blog



Membuat Tombol Srcoll /  Back to Top pada Blog

Tutorial Blogger kali ini yaitu bagaimana cara membuat tombol melayang scroll/Back to Top, sehingga dapat memudahkan pengunjung blog untuk kembali ke header blog secara praktis.

Berikut ini tahapannya..

1. Masuk ke Dasbor blogger anda
2. Masuk ke Rancangan kemudian tambahkan elemen
3. Kemudian Copy dan Paste kode dibawah ini pada elemen yang dtambahkan
<a onclick="scrollTo(document.body, 0, 1000);scrollTo(document.documentElement, 0, 1000);" class="you_top"  id="you_top" title="Ke atas">^</a>
<style>
.you_top {
    width: 10px;
    height: 10px;
    position: fixed;
    background-color: #292929;
    border: 1px solid #303030;
    cursor: pointer;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0 2px 4px 2px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .4);
}
</style>

4. Simpan


------ Selamat Mencoba -------

Print/Save

Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.!
Share This :

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar