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.

28 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. mantap dah artikelnya gan
    http://acemaxs31.com/obat-jantung-berdebar-alami/
    http://mas-galih.com/

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

    BalasHapus
  10. www.indobet77.com

    Master Agen Bola , Casino , Tangkas , Togel Terbesar
    dan Terpercaya Pilihan Para Bettor

    Promo Terbaru :
    - Bonus  10% New Member Sportsbook
    - Bonus 5% New Member Casino Online
    - Bonus 10% Setiap Hari Bola Tangkas
    - CASHBACK untuk Member
    - BONUS REFERRAL 5% + 1% Seumur Hidup

    untuk Informasi lebih jelasnya silahkan hubungi CS kami :
    - YM : indobet77_sb2@yahoo.com
    - EMAIL : indobet77@gmail.com
    - WHATSAPP : +63 905 213 7238
    - WECHAT : indobet77
    - SMS CENTER : +63 905 213 7238
    - PIN BB : 2B65A547 / 24CC5D0F

    Salam Admin ,
    http://indobet77.com/

    BalasHapus
  11. makasih banyak buat infonya,, nice post

    http://goo.gl/u3XK4x

    BalasHapus
  12. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  13. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  14. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  15. the discussion was very interesting to read, awaited the article more interesting yes .. Do not forget to visit the article about the health of the following:

    http://carapemesananacemaxs.9kes.com/

    BalasHapus
  16. Hai Semua Gabung Yuk Di CUMAPOKER.com
    Game Online Terbaru Yang Menggunakan Uang Asli Indonesia !!
    Game Poker Dan Domino Online:
    #BandarPoker #PokerOnline #BandarQ #AduQ #Capsasusun #BandarQ
    minimal deposit Rp15.000
    Minimal Withdraw Rp15.000
    Bonus Yang Di Berikan:
    Bonus Refferal 10% + 10%
    Bonus CashBack 0.3% - 0.5%
    Support Bank : BCA,MANDIRI,BNI,BRI DAN DANAMON
    BBm custumer kami : -Kezia - (2BE3DCA9)'
    Jadi mau nunggu apa lagi ? Segera Daftarkan Diri Anda Di CUMAPOKER.COM
    Untuk mendaftar langsung klik : http://goo.gl/xQOjry

    BalasHapus
  17. 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

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