Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Back To Top


Jika Sebelumnya saya pernah share Cara Membuat Back To Top Dengan Efek Bounce Keren, Nah sekarang saya akan share cara buat Back to top standar, dan ringan.

Langsung ke tkp sob.

1. Login Akun Blog Sobat.
2. Pilih Tata Letak.
3. Tambahkan Html / Javascript.

Masukkan Kode Berikut ini.

<a title="Hermanbagus Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16y-qU3QIKSFn1H5_dAGPo9sTDOW6RpqE215zCM5HPHZAb9IZbYOK57sUKowH4GCMcNMlFswFBLRRazs8DJJ7u9cmqKvSjLyjbU0U_ts_AIyX1UDbc55U89UgJjx_Me2B1ulLCHzSHdw/s1600/back+to+top+hermanbagus.png" /></a>

Posisi di atas ada pada kanan bawah blog, jika ingin menempatkannya di kiri , kata Right silahkan diganti Left.

Jika ingin mengganti gambarnya, maka url yang berwarna hijau silahkan diganti url gambar sesuai ke inginan sobat.

Dan simpan, Lihat hasilnya, semoga bermanfaat :)

79 komentar untuk "Cara Membuat Back To Top"

  1. oke gan,,,
    kunjungan sore aja nih,...
    ditunggu follbacknya,..
    :)

    BalasHapus
  2. Thx sob inponya.. Kerennn..:146

    BalasHapus
  3. Menambah pengetahuan ya..
    terimakasih..
    Berkunjung juga ya sesekali ke blog ku..

    BalasHapus
  4. Wuihhh..ni mantef banget bang Herman ada aku pake diblog dummy aku pokoknya sipp..loading blog juga cepat jadi ga ada beban gitu..hahahahyy

    BalasHapus
  5. Back to top nya ringan kan sob... soalnya saya gak bisa make yg berat-berat,, coz blog udah tambah berat tuh kyak mukul karung seberat 69 ton... hehe :189

    BalasHapus
  6. wah asik ini, aku mau pasang ah biar keren hehehe :)

    oh iya itu profile mu selalu ga di temukan apa ga di aktifkan ya

    BalasHapus
  7. wah mantep, ada demo nya bro ?

    BalasHapus
  8. Saya mah naksir nih sama templatenya ... :105

    BalasHapus
  9. wahh kalo gini saya cuman nyimak aja mas :D

    BalasHapus
  10. biar pas di atas bisa ilang, caranya gitu ya??.

    BalasHapus
  11. wahh keren nich sob, sebelumnya saya minta maaf baru bisa balas kunjuganya sob soalnya kesibukan habis liburan buat saya gak sempat ngeblog thanks. yachh

    BalasHapus
  12. banyak juga blog yg KY masuk ada butan ni..memudahkan pembacakan?

    BalasHapus
  13. bagus sob...sukses selalu
    :107

    BalasHapus
  14. apa hasilnya akan sama dengan yang di blog ini sob,..soalnya aku minta sama sobat andi,..belum di kasih heheh

    BalasHapus
    Balasan
    1. hehe tidak sob, yang sama dengan blog ini ada pada tutor sebelumnya

      Hapus
  15. saya pake new tab otomatis sob,
    kenapa ga bisa pasang tombol back to top.?
    ada saran ga sob tanpa melepaskan new tab otomatis nya.?

    BalasHapus
    Balasan
    1. waduh gimana ya? belum ada saran saya sob, oh iya coba pakai tutor yang pakai efek bunce, sapa tau bisa pada postingan sebelumnya

      Hapus
  16. nice info sob...
    kpn2 tk cb pasang di blog ane.....

    salam sukses.... :194

    BalasHapus
  17. postingannya sangat membantu dan bermanfaat sekali sobat,
    terima kasih sudah berbagi

    BalasHapus
  18. terima kasih Hermanbagus..satu lagi info saya dapat dari blog Hermanbagus..

    BalasHapus
  19. herman awak memang bijak...berpengetahuan, tahniah ya..sila mampir ke laman Pesona tau!

    BalasHapus
    Balasan
    1. makasih sobat, maaf lagi sibuk dalam dunia nyata ini teman.

      Hapus
  20. sip sip sip, tutorial jempolan tu :104

    BalasHapus
  21. Tulisannya pendek, simple tapi sangat bermanfaat, terimakasih sharenya :)
    kewajiban malam sudah dilaksanakan, laporan selesai... :)

    BalasHapus
  22. mirip kyak yg dipake blog ini ya gan?

    BalasHapus
  23. Seringan apa kira2 sob.. hehehe.. mantap sob..

    Mumpung lagi gak ngambek saya sikat.. :105

    BalasHapus
  24. hadir lagi disini sob untk menjalankan tugas.

    BalasHapus
  25. Super nice tutorial gan...membantu sangat

    BalasHapus
  26. mantap trik nya sob,tapi ini gak pake jquery kan sob..?

    BalasHapus
  27. ini dia yg ane butuh kan gan :D
    Ijin coba yooo^^

    BalasHapus
  28. gak bisa pasang kaka

    BalasHapus
  29. pasang nya gimana..??

    BalasHapus
    Balasan
    1. itu suda dijelaskan di atas sobat cara pasangnya

      Hapus