Membuat Tombol Kembali Ke Atas Melayang di Pojok Kanan Bawah Blogger (Blogspot)

Oleh

Jika halaman pada suatu blog/website sangatlah panjang, maka ada baiknya untuk memasang tombol kembali ke atas (back to top) untuk memudahkan navigasi pengunjung/pembaca blog/website kembali ke tampilan halaman atas blog/website.

Tombol kembali ke atas (back to top) berada pada lapisan (layer) paling atas tampilan blog/website dan bergerak mengikuti tampilan/kursor halaman yang sedang dibaca pengunjung blog/website. Apabila tombol kembali di atas (back to top) di-klik di tampilan halaman blog/website mana saja, maka tampilan halaman blog/website akan bergulir menuju tampilan halaman blog/website paling atas (tampilan awal saat membuka halaman blog/website).

Langkah-langkah untuk membuat tombol kembali ke atas (back to top) antara lain :

  1. Buka halaman dashboard blogger (blogspot).
  2. Pilih menu tata letak (layout).
  3. Tambahkan widget/gadget html baru (atau bisa digabungkan dengan widget/gadget html yang sudah ada yang disukai).
  4. Kopikan kode berikut pada widget/gadget html :<a href="#" rel="nofollow"><img alt="Kembali Ke Atas" style="border:0;position:fixed;z-index:1000;bottom:10px;right:10px;width:30px;height:30px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3wQO3k_85uOH0XTiPm2tb5AObICScNVfZojbb-Ai8SYwF-JYBCobF9YqLvy-kj1SczHJok0KGWjUhLr6hDElfbYBquTnV85Fx8ELL0CNTNIaH7nrCvodBi__arkOjVT6E8CXD23duiw/s144/2.png" title="Kembali Ke Atas"/></a>
  5. Sesuaikan kode warna biru di atas dengan url gambar yang disukai, kode warna kuning dengan lebar gambar yang disukai serta kode warna hijau dengan tinggi gambar yang disukai.
  6. Klik simpan (save).
  7. Muat ulang halaman blog/website.
  8. Selesai.
Membuat Tombol Kembali Ke Atas (Back To Top) Melayang di Pojok Kanan Bawah Blogger (Blogspot)

Komentar

  1. RISKY AKBAR8/4/15 22:12

    Hay .... Saya Blogwalking ^_^

    pasang iklan kami di blog anda

    kunjungi:

    http://riskyakbarweb.blogspot.com/2014/04/iklan.html

    BalasHapus
  2. Restu Singgih31/1/22 14:26

    saya punya web blog Wadul Warta
    https://wadulwarta.site/
    coba menerapkan itu kok ga bisa yah kode error

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Menampilkan File Google Drive Pada Blog / Website

Oleh
Gambar
Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan ( embed ) sebuah/beberapa file dalam artikel/halaman website/blog untuk dibaca ataupun dilihat/diunduh oleh pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah ( upload ) file yang akan dibagi ( share ) ke Google Drive. Sebagai informasi, Google Drive mengakomodasi file apa saja selama tidak mengandung virus. Langkah selanjutnya ialah sebagai berikut : Pilih (centang) file yang akan dibagi ( share ) dalam Google Drive, kemudian klik pilihan menu More --> Share --> Share . Kemudian akan muncul pengaturan berbagi file dan link berbagi ( share ) sebagai berikut : Kemudian ubah akses file Google Drive di atas menjadi public Sehingga menjadi seperti ini, kemudian kopi link yang disediakan Google Drive. Untuk menampilkan ( embed ) file Google Drive : Perhatikan link yang telah dikopi : https://drive.google.com/file/d/0B-wrkvPrI0SQM1RiandKXzVuM2M/edit?usp=sharing Untuk menampilkan ( em
Baca Selengkapnya

Membuat Judul Halaman Blog Dinamis Blogger (Blogspot) Untuk Optimasi Mesin Pencarian

Oleh
Gambar
Judul halaman merupakan salah satu parameter mesin pencarian dalam menampilkan hasil pencarian berdasar kata kunci pencarian. Mesin pencari akan mencari judul yang paling relevan dengan kata kunci pencarian. Maka dari itu, pemilihan judul halaman blog menjadi faktor penting yang perlu diperhatikan dalam optimasi mesin pencarian. Terdapat beberapa macam format judul halaman blog, di antaranya ialah judul halaman saat di halaman utama ( homepage ) dan juga judul halaman ketika ada di halaman artikel. Sedangkan gambar di bawah ialah contoh judul halaman artikel suatu blog yang belum dioptimasi untuk kata kunci pencarian 'hide and minimize of image'. Optimasi judul halaman artikel blog secara dinamis untuk mesin pencarian : Contoh gambar di atas ialah contoh halaman artikel blog yang sudah dioptimasi untuk mesin pencarian. Format-format judul halaman artikel yang dapat dijadikan sebagai optimasi mesin pencarian antara lain : "Judul Artikel | Nama Blog" "Judul Artikel
Baca Selengkapnya