Cara Membuat Tombol Back To Top Di Blogspot


Cara Membuat Tombol Back to Top di BlogspotOke, langsung saja ikuti langkah-langkah berikut ini. Script ini cukup sederhana, menggunakan CSS dan JQuery. Oleh karena itu kamu harus memasang kode JQuery di template blog.

1. Pastikan di template kamu sudah terdapat kode JQuery seperti ini :
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

Kamu bisa cek terlebih dahulu, caranya :
Tekan CTRL + F untuk melakukan pencarianCari kode tersebut diatas </head>Catatan : Ada banyak versi kode JQuery, saya menggunakan versi 2.x, jika sudah terpasang versi lain abaikan langkah ini. Tapi saya sarankan menggunakan versi 2.x .

Jika belum ada kode JQuery, lakukan langkah berikut :
Masuk ke blogger, Tema > Edit HTMLSalin kode JQuery diatas</head>Simpan 2. Klik "Tata Letak" (Layout)
3. Klik "Tambahkan Gadget" di Sidebar
4. Pilih HTML/Javascript
5. Copy dan paste kode berikut :
<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 8px;
    right: 10px;
    text-decoration: none;
    display: none;
    cursor:pointer;
    width: 40px;
}
</style>
<img class="mbw-back-to-top" src="http://4.bp.blogspot.com/-y2BIm2-mphA/UQLlFFt1-MI/AAAAAAAAAXo/lXvFBVnpLjc/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>

Catatan : Kode yang berwarna merah adalah gambar tombol navigasi back to top. Kamu bisa menggantinya dengan gambar yang lain.

6. Klik Simpan.

Kumpulan gambar-gambar tombol navigasi Back to TopKamu bisa coba menggunakan gambar-gambar tombol navigasi keren lainnya seperti berikut ini. Cara menggantinya cukup copy URL gambar berikut dan paste di bagian kode yang berwarna merah tadi.

http://4.bp.blogspot.com/-nhvmIT-UOiY/USDh-EyeKDI/AAAAAAAAAjE/hjEdj5OMvO0/s1600/back+to+top.png
http://3.bp.blogspot.com/-ggvoO88bhfM/USDi6IWVtFI/AAAAAAAAAjc/n4vpSkZgR00/s1600/back+to+top.png 


http://2.bp.blogspot.com/-BkNGUImcIV4/USDcBMHYjqI/AAAAAAAAAig/qEtwRO4pH6Q/s1600/back+to+top.png

http://3.bp.blogspot.com/-Urx3H8aFQmY/USDkbnvSsLI/AAAAAAAAAkA/Wm4OkKT9yRI/s1600/back+to+top.png
http://3.bp.blogspot.com/-WH_FEtT_Cvs/USDjPDtErPI/AAAAAAAAAjk/0BNlHdiUu9w/s1600/back+to+top+button.gif 

http://3.bp.blogspot.com/-X5sq11nsiNY/USDiu1zNWSI/AAAAAAAAAjM/8Y6vn3Vx6kQ/s1600/back+to+top+button.png
http://2.bp.blogspot.com/-PEmadyDjsUw/USDjUyqlWsI/AAAAAAAAAjs/oVRttmskRfc/s1600/back+to+top+button.gif 

http://2.bp.blogspot.com/-3sXsLU1aW3s/USDkamRLRZI/AAAAAAAAAj4/UOoh-GJWUdI/s1600/back+to+top+button.png
http://4.bp.blogspot.com/-hsRaTBL9lpY/USDb4Wzo2WI/AAAAAAAAAiU/2eSTakNmCOE/s1600/back+to+top.png 

http://3.bp.blogspot.com/-yhJXvPXAuNw/UQLk-mySRjI/AAAAAAAAAXg/pIAnUf9q1c8/s1600/Back-To-Top.png
 http://4.bp.blogspot.com/-BWmnRp-sR9o/USDmkStjAcI/AAAAAAAAAko/q6nJN8bXMZ8/s1600/back-to-top-button.png
http://2.bp.blogspot.com/-C3ZJY99YKfo/USDmD4KR-zI/AAAAAAAAAkY/3fO83hpF2Zk/s1600/back-to-top-button.png
http://1.bp.blogspot.com/-b3YWne8aCdw/USDmXTnyUiI/AAAAAAAAAkg/SieNqYTVQKQ/s1600/back-to-top-button.png
http://4.bp.blogspot.com/-y2BIm2-mphA/UQLlFFt1-MI/AAAAAAAAAXo/lXvFBVnpLjc/s1600/Back-To-Top.png
http://2.bp.blogspot.com/-36z7H3mWlZ0/USDizr47anI/AAAAAAAAAjU/8SoPm-odD7I/s1600/back_to_top_button.png
Sumber gambar : http://www.forumblogindo.com/2015/05/koleksi-gambar-tombol-back-to-top-button-blog-keren-user-friendly.html

Sekian tutorial tentang Cara Membuat Back to Top (Tombol Navigasi Kembali ke Atas) Melayang di Blog semoga bermanfaat.

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

http://feedproxy.google.com/~r/blogspot/bXzFd/~3/eiCEx2IUVqg/cara-membuat-tombol-back-to-top-di.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
5 Cara Berpikir Tentang Papua Yang Membuat Kita Tak Merasa Menjadi Penjajah

5 Cara Berpikir Tentang Papua Yang Membuat Kita Tak Merasa Menjadi Penjajah

papar berkaitan - pada 2/9/2019 - jumlah : 560 hits
5 Cara Berpikir tentang Papua Yang Membuat Kita Tak Merasa Menjadi Penjajah1 Jika merdeka apa kehidupan mereka akan lebih baik 2 Papua merdeka adalah agenda asing 3 Semua daerah akan minta merdeka 4 Apakah SDM nya siap 5 Pejabat Papua juga ...
Gimana Sih Cara Ampuh Membuat Reseller Ahli Jualan

Gimana Sih Cara Ampuh Membuat Reseller Ahli Jualan

papar berkaitan - pada 8/9/2019 - jumlah : 415 hits
Pembahasan kita kali ini yaitu Reseller yaitu pihak yang membeli produk dari produsen suplier dan menjual kembali produk tersebut Kalau Anda mau berbisnis tanpa modal besar tanpa pusing mikir produk dan mau mempunyai penghasilan tambahan ma...
Cara Membuat Baja Cecair Air Kelapa Organik Agar Buah Buahan Berbuah Lebat

Cara Membuat Baja Cecair Air Kelapa Organik Agar Buah Buahan Berbuah Lebat

papar berkaitan - pada 29/8/2019 - jumlah : 798 hits
Dalam bidang pertanian negara Thailand jelas mendahului kita sama ada dari segi kualiti mahu pun kuantiti buah yang dihasilkan kerana pokok buah buahan mereka berbuah lebat setiap tahun Tidak dinafikan banyak faktor yang menjadi punca seseb...
4 Cara Terhindar Dari Stress Eating Yang Mungkin Membuat Berat Badanmu Meningkat

4 Cara Terhindar Dari Stress Eating Yang Mungkin Membuat Berat Badanmu Meningkat

papar berkaitan - pada 1/9/2019 - jumlah : 293 hits
Banyak dampak buruk yang bisa muncul dari kebiasaan stress eating ini Hal ini bisa menyebabkan perut kamu semakin membesar dan berat badan juga meningkat sehingga menimbulkan masalah baru
Cara Menghormati Jalur Gemilang

Cara Menghormati Jalur Gemilang

papar berkaitan - pada 29/8/2019 - jumlah : 2401 hits
Dalam kita meraikan sambutan hari kemerdekaan yang bakal menjelang tidak lama lagi ada beberapa perkara yang perlu kita tahu batasan dalam penggunaan bendera Jalur Gemilang Ini sangat sangat penting kerana sebagai rakyat Malaysia kita perlu...
Cara Guna Gincu Bibir Untuk Sentiasa Nampak Segar

Cara Guna Gincu Bibir Untuk Sentiasa Nampak Segar

papar berkaitan - pada 29/8/2019 - jumlah : 412 hits
Lipstik adalah kunci kepada penampilan wajah yang segar Penggunaan lipstik yang salah boleh membuatkan penampilan wajah anda menjadi suram Untuk mendapatkan penampilan lipstik yang menyegarkan memerlukan beberapa tahap dan cara penggunaan y...
Cara Yang Betul Memasak Tauhu Telur Supaya Tidak Hancur

Cara Yang Betul Memasak Tauhu Telur Supaya Tidak Hancur

papar berkaitan - pada 29/8/2019 - jumlah : 454 hits
Tauhu telur juga di kenali sebagai tauhu jepun ataupun tofu telur memiliki tekstur yang lembik dan lembut Berbeza dengan tauhu biasa rasa tauhu telur pun tidak terlalu masam dan tidak keras Teksturnya yang lembut kadang kala menjadikan tauh...
Cara Dapat Duit Dengan Media Sosial

Cara Dapat Duit Dengan Media Sosial

papar berkaitan - pada 29/8/2019 - jumlah : 362 hits
CN percaya pasti rata rata dikalangan kita ada satu akaun media sosial sama ada facebook atau instagram Ataupun konon konon media social influencer macam CN ni mesti ada kedua dua akaun facebook dan instagram untuk menyebarkan pengaruh dan ...
Cara Masak Mixed Fruit Pastry Cake Untuk Sambutan Hari Kemerdekaan

Cara Masak Mixed Fruit Pastry Cake Untuk Sambutan Hari Kemerdekaan

papar berkaitan - pada 29/8/2019 - jumlah : 563 hits
Sabtu ini seluruh rakyat Malaysia akan menyambut Hari Kemerdekaan negara yang ke 62 Bagi meraikan hari penuh bermakna ini apa kata anda cuba resipi Mixed Fruit Pastry Cake perkongsian Puan Lina Thomas ini Unik dan cantik kan Susunan buah bu...
Much Anticipated Pmx S Trust Deficit Pill Must Not Be Lobsided By Favouring Only Civil Servants

Aliff Syukri Minta Rakyat Malaysia Bersabar Isu Jet Peribadi Video

Grand Beach Resort Port Dickson Your Ultimate Family Beach Getaway In Malaysia

User Generated Content For Marketing

Anak Kak Km Nafi Gagal Latihan Pramugari Letak Jawatan Demi Keluarga Tercinta

15 September Hari Kelepasan Am Tambahan L 23 Julai 2025 Sinar Harian

Saat Dunia Bergelap Lebih Enam Minit

Resipi Orang Dulu Dulu Lempeng Pisang Nostalgia Yang Sedap Mudah


echo '';
Info Dan Sinopsis Drama Berepisod Dendam Seorang Madu Slot Tiara Astro Prima

10 Fakta Biodata Amira Othman Yang Digosip Dengan Fattah Amin Penyanyi Lagu Bila Nak Kahwin

5 Tips Macam Mana Nak Ajak Orang Kita Suka Dating Dengan Kita

Info Dan Sinopsis Drama Berepisod Keluarga Itu Slot Lestary TV3

Bolehkah Manusia Transgender Mencapai Klimaks Selepas Bertukar


Sanah Helwah Abang Sayang

How Being Shy Is Hurting You

Moments You Missed At G Dragon S Bermensch World Tour In Malaysia Without The Huawei Pura 80 Ultra

Netflix S Culinary Class Wars Athwart Allegations Of Format Theft In China No Licensing Agreement Secured

Breakthrough Study Discovers Novel Type 1 Diabetes Variant In Africa Secures Funding Newsnation

Tun Faisal Dakwa Pn Pernah Turunkan Harga Minyak Juga Tanpa Berjanji Dalam Manifesto