Cara Membuat Tombol Subscribe Melayang di Blog

Maret 31, 2020

NURHADIBACHTIAR - Tombol subscribe atau dalam bahasa indonesia disebut juga dengan tombol berlangganan termasuk hal yang cukup penting di dalam sebuah blog, terutama untuk blog yang baru berkembang, jika konten banyak di sukai oleh pembaca maka dengan adanya tombol berlangganan ini pengunjung setia anda dapat dengan mudah menerima notifikasi update terbaru blog anda melalui email.

Tombol berlangganan ini sangat simpel, cara kerjanya pun sederhana, seperti layaknya tombol subscribe di youtube, hanya perlu satu klik saja maka pengunjung sudah dapat mengikuti blog anda tanpa harus memasukan email jika sebelumnya telah login akun gmail di browser yang digunakan.

Tentunya hal ini akan mempermudah blog anda untuk mendapatkan pengunjung setia serta dapat dengan mudah membagikan konten terbaru melalui email kepada pengunjung yang berlangganan dengan blog yang anda kelola tersebut.

Dengan begitu, anda akan lebih mudah mendapatkan trafik dan pastinya jika pengikut blog anda sudah semakin banyak, maka semakin banyak pula trafik yang akan anda dapatkan.

Cara Membuat Tombol Subscribe Melayang di Blog

1. Silahkan buka dashboard blogger anda, kemudian masuk pada menu Theme / Tema.

2. Pilih edit html , lalu cari kode ]]></b:skin> , kemudian salin dan pastekan kode berikut tepat diatasnya.

/* Follow Button */
#follow { background:#0066cc; color:#ffffff; padding:8px 10px; font-size:24px; border-radius: 22px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15), 0 1px 1px 0 rgba(0,0,0,.30); } .follow { position: fixed !important; position: absolute; bottom: 25px; right: 20px; z-index: 998; }

3. Setelah itu salin juga kode di bawah ini, dan pastekan di atas </body>.

<div class='follow'><a href='https://www.blogger.com/follow-blog.g?blogID=ID-BLOG-ANDA-CEK-PADA-URL-BLOGGER' id='follow' target='_blank' title='Follow'> <i class='fa fa-bell'/> </a></div>

4. Selanjutnya silahkan ubah bagian ID BLOG menjadi ID blog anda, untuk mengetahui id blog yang anda miliki, silahkan buka blogger, dan lihat pada url dashboard blogger anda.

5. Lalu copy dan pastekan script berikut ini tepat dibawah kode <head>

<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

6. Save / simpan perubahan, dan silahkan cek hasilnya pada blog anda.

Nahh .. itulah sedikit tutorial sederhana kali ini mengenai Cara Membuat Tombol Subscribe Melayang di Blog. Semoga bermanfaat dan dapat membantu anda ... terima kasih kunjungannya