Lokasi Training : Graha Bukit Raya 1 Blok G3 No. 16 Lantai 3, Bandung Barat 40552

VIDEO TUTORIAL MIKROTIK ++225 VIDEO + UPDATE MODUL TRAINING

VIDEO TUTORIAL MIKROTIK ++225 VIDEO + UPDATE MODUL TRAINING
Update Video Tutorial > Lebih dari 250 Video Tutorilal MIkrotik

Jadwal Training Mikrotik Offline Tgl 7-9 Juli Kelas Basic - Intermediate

Excel Fundamental, Excel Advanced, Dan Excel Programming VBA

IT TRAINING CENTER CONTACT : 0812-1451-8859 / 081-1219-8859

Cara Memasang Tombol Back to Top di Blogspot



Penggunaan Widget merupakan daya tarik untuk mempercantik blog asal jangan terlalu banyak widget yang dipasang karena hanya memperberat akases loading blog tersebut. Widget yang dipasang ini merupakan Widget tombol Back to Top dimana ketika pembaca blog menarik scroll ke bawah maka otomatis tombol Back To Top akan muncul dengan Tombol "Back to Top ini" memudahkan user atau pengunjung kembali ke bagian atas blog, dalam satu klik, tanpa harus men-scroll mousenya

Langkahnya adalah sebagai berikut:

1.       Login Ke Blogspot
2.       Selanjutnya tambahkan terlebih dahulu kode java script di atas tag </head&gt;dengan cara masuk kemu template kemudian klik edit html. Dan cari kode </head&gt;gunakan ctrl+F untuk mempercepat pencarian.

Kode Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>


Hasilnya seperti berikut



3.       Setelah Langkah No 2 dilakukan klik menu tata letak kemudian tambahkan Widget HTML/Javascript dan paste kode dibawah ini.

     
<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="http://4.bp.blogspot.com/-hsRaTBL9lpY/USDb4Wzo2WI/AAAAAAAAAiU/2eSTakNmCOE/s1600/back+to+top.png" />
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    });
 
    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>





4.       Selanjutnya Save. Dan lihat hasilnya



Tulisan warna hijau adalah link Model Tombol Back To Top. Untuk Menambahkan Model Back To Top anda bisa lihat Refrensi di Blog ini

Selamat Mencoba


Salam Padepokan IT

Share

Artikel Lainnya :



Training Bulan ini

Padepokan IT Course

Lokasi Training
Jl. H.Gofur Komplek Graha Bukit Raya 1 Blok G3 No 16 Lantai 3, Cilame, Bandung Barat

Telp : 081214518859 (WhatsApp)
E-Mail : padepokanit.course@gmail.com
Instagram : @padepokanit
Website : www.padepokanit.com

Info Site

User Online Padepokan-IT Course

IT Tutorial, Training & IT Solution