Skip to main content

Cara Membuat Tombol Back to Top Tanpa JQuery

Cara membuat widget tombol back to top - Mungkin artikel ini sudah banyak yang tahu, yaitu tombol back to top. Sobat tahu back to top ? Tombol ini berfungsi untuk menampilkan bagian atas (header) dengan satu kali klik, dan juga tentunya tanpa merefresh halaman tersebut ... Yuk langsung sob ...
  • Dasbor > Rancangan / Layout
  • Tambah Gadget
  • Pilih HTML / JavaScript
  • Copy lalu paste kode berikut pada kotak form HTML / JavaScript
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_X_pi2TypDkFq-tytfihasjciCmebnrTZaM12AqHp_aDlZpDaTwoSi6ZJNvDxtRdzDdlYHjBYzxjJdIz2V2H7zapmdg2v1PXbyeUkk9YpTGeSxrSeNnFsWaBeASHATZG-B2MoGrUshRg/s1600/backtotop.png" /></a>
  • Simpan !

Ket :
- Untuk link yang berwarna merah, bisa diganti dengan url gambar yang diinginkan

Terbukti bukan, trik ini tidak menggunakan script jquery ... Oke sob, sekian dulu ^^ ...

Selesai

    Comments

    Popular posts from this blog

    Tips Agar Blog Sering Dikunjungi Pengunjung

    Tips agar blog banyak dikunjungi - Assalamu'alaikum! Kali ini saya ingin membagikan tips yang bisa mengingkatkan pengunjung sobat dan semangat nge-blog sobat. Semoga setelah sobat selesai membaca artikel saya ini, sobat menjadi bergairah untuk terus berada di dunia blogging. Pertama, setelah kita membuat blog, pasti sering sekali kita menerbitkan postingan. Hal seperti itu sudah menjadi sebuah kebiasaan. Setelah beberapa waktu, semangat menerbitkan posting pun melempem . Tidak apa-apa kalu benar hal itu terjadi, sobat hanya perlu mengumpulkan semangat untuk kembali menulis posting. Karena apabila posting di blog kita banyak, kemungkinan salah satu artikel kita terbaca oleh pengunjung pun semakin besar. Saya sendiri sudah merasakannya. Lalu, entah benar atau tidak, untuk mendapatkan pengunjung yang banyak, kita harus sering update posting setiap hari, minimal 1 posting. Kedua, jangan sering-sering menerbitkan artikel hasil copas (copy paste). Karena mesin pencari tidak akan member...

    Cara Meningkatkan Links In pada Alexa

    Sebelumnya, ini adalah hasil copy paste. Entah cara seperti ini palsu atau nyata, tapi tidak ada salahnya mencoba. Oke, check this out .. Salam Blogger , pada kesempatan kali ini dan pada posting ini juga saya akan sedikit memberi sedikit trik untuk megoptimalkan semua static yang tertera di alexa. Jika sebelumnya saya membahas tentang cara meningkatkan links in alexa alhamdulillah di posting kali ini berkenaan dengan gimana caranya untuk meningkatkan atau menambah Link in pada alexa. alexa adalah salah satu situs yang memberikan pelayanan untuk trafik blog. Alexa dapat menghitung semua kegiatan lalu lintas blog anda, jadi dengan begitu sobat dapat mengetahui apakah blog anda sudah bagus trafiknya atau tidak. Alexa tidak hanya menghitung lalu lintas blog saja, tetapi alexa juga menyediakan widget untuk blog baik itu blogspot maupun wordpress dan alexa juga menyediakan toolbar untuk browser yang dipakai di komputer sobat. Dan ternyata banyak para blogger yang memil...

    Cara Mengganti Tulisan " Powered by / Didukung oleh Blogger "

    Cara mengganti kalimat Powered by / Didukung oleh Blogger - Kebanyakan blogger platform blogspot yang sudah mahir dalam edit HTML pasti sudah mengerti dengan trik ini, trik ini juga dapat membuat blog kita tampil menjadi blog yang profesional. Profesional dalam arti enak dipandang. Sekedar sobat tahu, kalimat " Powered by / Didukung oleh Blogger " itu berada di bagian footer. Maksudnya bagian ... ? Tulisan yang sobat baca ini kan adalah bagian dari main wrapper, nah tulisan " Powered by / Didukung oleh Blogger " itu adalah bagian dari footer. Jadi kita akan sedikit mengedit kode <div id='footer'> ...... </div>. Oke sob langsung ke TKP aja yu ... Dasbor > Rancangan / Layout Ke Edit HTML Cari kode <div id='footer'> Ganti tulisan setelah kode <div id='footer'> hingga kode penutupnya yaitu kode </div> Contoh : <div id='footer'> Terima kasih kepada <b>Allah SWT</b>, <a href='http...