Langsung ke konten utama

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

Hebbie Ilma Adzim, S.ST

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)

Populer

Menampilkan File Google Drive Pada Blog / Website

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

Banding Tayangan Iklan Google Adsense Dinonaktifkan

Baru-baru ini saya baru saja mendapatkan peringatan dari google adsense yang mengakibatkan tayangan iklan google adsense di blog yang saya kelola dinonaktifkan oleh tim google adsense. Saya tidak tahu apakah barangkali pembaca yang juga ikut bergabung pada program google adsense pernah juga mengalami hal yang sama seperti hal yang saya alami. Sebagai informasi, saya aktif sebagai penayang iklan google adsense sejak sekitar tahun 2013. Saya mendapatkannya dengan susah payah, banyak pembenahan pada blog sehingga sebagian artikel saya dapat muncul pada halaman satu ataupun urutan satu di mesin pencarian google sehingga mulai diperhitungkan oleh google sejak sekitar tahun 2012. Pada tulisan ini saya akan menceritakan bagaimana saya melakukan proses banding supaya tayangan iklan google adsense saya dapat diaktifkan kembali seperti sedia kala. Google adsense menyediakan sarana untuk banding bagi penayang iklan yang ditemukan oleh tim google adsense telah melanggar ketentuan-ketentuan pada pr...

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

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

Membuat Link Download Google Drive Pada Blog / Website

Google Drive sangat berguna apabila sebuah website/blog ingin membagikan ( share ) sebuah/beberapa file dalam artikel/halaman website/blog untuk diunduh/di- download pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah ( upload ) file yang akan dibagi ( share ) ke Google Drive. Google Drive mengakomodasi file apa saja selama tidak mengandung virus. Kemudian langkah selanjutnya ialah dengan mengubah pengaturan berbagi ( share ) file dalam Google Drive 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 membuat link download dari google drive : Perhatikan link yang telah dikopi : https://drive.google.com/file/d/ 0B-wrkvPrI0SQM1RiandK...

Membuat Gadget/Widget Menu Tab Blogger (Blogspot)

Gadget/Widget Tab Blogger (Blogspot) sangat berguna untuk mempercantik tampilan blog yaitu untuk menyatukan tata letak beberapa gadget/widget menjadi satu lokasi dengan navigasi menu tab horizontal. Hal ini dapat meringkas tampilan beberapa gadget/widget blog/website menjadi satu gadget/widget dengan menu tab horizontal. Berikut ialah langkah-langkah membuat gadget/widget menu tab blogger (blogspot) : Buka dashboard blogger (blogspot). Pilih menu tata letak ( layout ). Buat gadget/widget html baru dan letakkan di atas gadget/widget yang akan disembunyikan/diringkas dalam menu tab. Masukkan kode berikut pada gadget/widget html yang baru dibuat : <style type='text/css'>.tabber{padding:0!important;border:0 solid #bbb}.tabber h2{float:left;margin:0 1px 0 0;font-size:12px;padding:3px 5px;border:1px solid #bbb;margin-bottom:-1px;overflow:hidden;position:relative;background:#f5f5f5;cursor:pointer;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}html .tabber h2.active{ba...

Menghilangkan Navbar Blogger (Blogspot)

Navbar pada blogger (blogspot) ialah baris navigasi blog yang terletak melayang pada tampilan halaman blog paling atas dan selalu tampil di setiap membuka halaman blog blogger (blogspot). Kadang tampilan seperti ini tidak diinginkan dalam mendesain sebuah blog. Maka untuk menghilangkannya navbar blogger (blogspot), berikut ini ialah langkah-langkahnya : Masuk ke halaman dashboard blogger (blogspot). Kemudian pilih menu tata letak (layout). Lanjutkan dengan memilih elemen Navbar pada tata letak halaman blog. Pilih pengaturan navbar menjadi " Off ". Klik simpan ( save ). Tinjau ulang tampilan halaman blog. Selesai.

Membuat Daftar Isi Otomatis Berdasar Label Blogger (Blogspot)

Daftar isi otomatis berguna untuk membuat sitemap (peta situs) maupun arsip blog berdasarkan label. Daftar isi otomatis berdasarkan label blogger (blogspot) juga menambahkan keterangan bilmana suatu artikel merupakan artikel baru, sehingga memudahkan pembaca/pengunjung mengetahui artikel terbaru blog/website. Langkah-langkah membuat daftar isi otomatis berdasar label blogger (blogspot) antara lain : Buka dashboard blogger (blogspot). Kopi kode berikut : <script src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daftarisi.js"></script><script src="http:// desainblogmudah.blogspot.com /feeds/posts/default?max-results=99999&alt=json-in-script&callback=loadtoc"></script> Paste kode di atas pada widget/gadget maupun halaman statis blog/website. Sesuaikan kode berwarna kuning di atas dengan url domain blog/website. Klik simpan ( save/publish ). Muat ulang halaman blog/website. Selesai.

Membuat Daftar Artikel Terkait di Bawah Halaman Artikel Blogger (Blogspot)

Daftar artikel terkait di bawah halaman artikel blog/website berguna untuk navigasi halaman-halaman artikel terkait dengan halaman artikel yang sedang dibuka pembaca blog/website setelah selesai membaca seluruh isi artikel yang dibuka pembaca blog/website. Daftar artikel terkait di bawah halaman artikel bertujuan untuk membuat betah pembaca pada blog/website yang dibuka sehingga pembaca blog/website tertarik untuk membuka halaman-halaman artikel lainnya yang terkait dengan halaman artikel yang sedang dibuka pembaca blog/website. Daftar artikel terkait di bawah halaman artikel juga betujuan untuk menaikkan durasi waktu kunjungan rata-rata pembaca di blog sehingga hal tersebut juga turut menaikkan ranking halaman artikel blog/website pada mesin pencarian. Selain itu, daftar artikel terkait di bawah halaman artikel juga dimaksudkan untuk menurunkan bounce rate (rasio pentalan) yaitu rasio dimana pengunjung blog/website langsung menutup halaman artikel yang telah dibaca tanpa membuka hala...