Membuat Tombol Back To Top Sederhana Di Blog | Tombol kembali ke atas | --- Assalamualikum, pada kesempatan ini, rezdown7 akan membagikan tutorial sederhana untuk pelengkap di blog kita, yaitu cara membuat tombol kembali ke halaman atas blog, tombol ini sangat berguna untuk pengunjung blog jika postingan yang dibaca sangat panjang. Tombol ini tidak menggunakan Javascript ataupun jQuery dan juga tanpa gambar tapi hanya memanfaatkan HTML dan CSS, makanya efeknya tidak secara perlahan pergerakannya keatas, tapi langsung dan pastinya efek terhadap loading blog tidak memberatkan. Untuk melihat contohnya, silahkan lihat tombol back to top blog ini.

membuat tombol back to top sederhana, membuat tombol kembali ke atas,tombol scroll ke atas,Membuat Tombol Back To Top Sederhana Di Blog,ringan|rezdown7.com
Membuat Tombol Back To Top Sederhana Di Blog sbb :
1. Masuk ke akun blogger anda, lalu pilih blog anda.
2. Jika telah berada di halaman dashboard blog, pilih Tata Letak/Page Elements
3. Klik Tambahkan Gadgets/Add Gadgets --> HTML/JavaScript
4. Selanjutnya copy kode berikut :
 <style>
.totop {
background: white;
padding: 7px;
position: fixed;
bottom : 5px;
right : 5px;
border-radius : 50%;
}
.totop:hover {
background: maroon;
border-radius : 2px;
border-radius : 4px;
border-radius : 50%;
}

.totop a{
color:black;
font-size: 14;
font-weight : bold;
}

.totop a:hover{
text-decoration :none;
color : blue;
}
</style>
<div class="totop">
<a href="#" title="BACK TO TOP">TOP</a></div>
5. Lalu Paste di halaman Popup HTML/JavaScript tadi, lalu Save tanpa mengisi judul.
6. Selesai.

27 komentar :

  1. wah wah, makasih infonya mas RD7 :)
    dulu Ishmah pernah pake.. tapi sekranga udah engga lagi :)

    BalasHapus
  2. mkasih tutornya mas risky, coba praktek tp di blog uda ada :)

    BalasHapus
  3. punya saya udah ada tombol back to top nya sob hehee

    BalasHapus
  4. Pas..banget.
    Biar g' bikin blog jadi berat cuman gara kebanyakan Image and thank brow tutornya keren.

    BalasHapus
  5. Thanks gan. Gampang banget cara masangnya. Ini yang gua cari

    BalasHapus
  6. ternyata simple ya mas,, saya mau coba..

    BalasHapus
  7. Makasih gan informasinya, sangat membantu :)

    BalasHapus
  8. Izin share.. Thanks infonya ka :)
    http://kedaiacemaxs.com/

    BalasHapus
  9. makasih banyak buat infonya,, nice post

    http://goo.gl/u3XK4x

    BalasHapus
  10. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  11. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  12. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  13. HAI KALIAN UNTUK PARA PECINTA POKER !!

    C u m a P o k e r adalah situs online terbesar dan terpercaya di Indonesia.
    Ayo Segera Bergabung Disini!
    * Bonus Cashback 0.5%
    * Bonus Referral 20%
    * NO ROBOT & ADMIN
    * Proses Deposit & Withdraw sangat cepat

    Hanya dengan minimal Deposit dan Withdraw Rp. 15.000,-

    Disini kami menyediakan 6 macam permainan seperti:
    * POKER
    * DOMINO 99
    * ADUQ
    * BANDAR POKER
    * BANDARQ
    * CAPSA SUSUN

    New Game ( HOT GAME )
    * SABUNG AYAM
    * FISHING HUNTER
    * JOKER SLOT

    Kami juga didukung oleh 5 bank besar di Indonesia:
    BCA, BNI, BRI, MANDIRI, dan DANAMON

    Untuk Informasi dan Customer service hubungi kami di :
    BBM: 2BE3DCA9
    NO: +855 8556926

    BalasHapus
  14. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  15. Tikuspoker agen judi online terbaik dan terpercaya di Indonesia Hadir dengan 7 jenis game di dalam sehingga para member dapat memilih game yang ingin dimainkan.
    Dengan minimal deposit Rp 15.000 dan withdraw Rp 15.000
    Game yang tersedia di TikusPoker:
    AduQ | BandarQ | Capsa Susun | Domino99 | Poker | Bandar Poker | Sakong

    Deposit yang rendah para member juga bisa mendapatkan jackpot hingga ratusan juta rupiah.
    Kami juga menghadirkan beberapa bank ternama di Indonesia.
    BCA | BNI | BRI | Mandiri | Danamon

    TikusPoker juga menghadirkan Hot Promo kepada member yang bergabung bersama kami
    -Bonus Referral 10% + 10% Seumur Hidup
    -Bonus Turn Over 0,5% !!
    -NO ROBOT & ADMIN
    -100% Fair Play Member Vs Member
    -Proses Deposit & Withdraw 2 Menit

    Link pendaftaran ==> https://goo.gl/6cwewk
    Untuk informasi lebih lanjut bisa hubungi Livechat kami ya bos/ PIN BBM D8D6FCFC

    BalasHapus
  16. Bolacasino88 | Agen Bola Sbobet | Agen Judi Casino | Sabung Ayam Terpercaya

    Agen Taruhan Judi Online Terbaik, Aman Dan Terpercaya Tunggu Apa lagi ?
    Yuk Gan Gabung Bersama Bolacasino88.com Dapatkan Segala Kemudahan Bertransaksi Dan Kemudahan Dalam bermain dan Menang Setiap Hari Bersama bolacasino88.com

    Pelayanan Yang Professional Dan Ramah
    Di Jamin 100% Tidak Adanya BOT Dan ADMIN.

    - Daftar GRATIS
    - Minimal Deposit 20.000
    - Minimal Withdraw 50.000

    Dapatkan Hot Promo Yang Kami Berikan :

    - Bonus Deposit 5000
    - Bonus Refferal Seumur Hidup
    - Bonus Sportsbook 100%
    - Cashback Sportbook 5% - 15%
    - Bonus Deposit Games 10%
    - Cashback Games 5%
    - Bonus Komisi Casino 0,8%

    NB : Syarat Dan Ketentuan Berlaku

    Nikmati 1 ID Untuk Semua Games Seperti :

    - Sports
    - Live Casino
    - Togel
    - Poker
    - Slot Games
    - Nomor
    - Financial
    - Sabung Ayam

    Untuk Informasi Lebih Lanjut Silahkan Hubungi CS Kami Di :

    - No Tlp ( +855962671826 )
    - BBM ( 2BF2F87E )
    - Yahoo ( cs_bolacasino88 )
    - WhatsApp ( +855962671826 )


    Prediksi Togel Pada Tanggal 07 - SEPTEMBER - 2017 :

    http://sportsbooklivecasino88.blogspot.com/2017/09/prediksi-togel-pasaran-sydney-pada_6.html

    http://sportsbooklivecasino88.blogspot.com/2017/09/prediksi-togel-pasaran-singapore-pada_6.html

    BalasHapus

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang

Tiket Pesawat Murah - Promo

Kaos Dakwah Islami

Kaos Dakwah Islami