Begini cara mudah untuk membuat tombol subscribe melayang pada blogger melalui edit template dan HTML.
 |
| Ilustrasi tombol subscribe berlangganan melayang di blogger |
AsifbaProject.com - Bagi para penulis dan blogger, tombol notifikasi subscribe melayang di website mereka sangatlah penting untuk menambah jumlah trafik atau pengunjung.
Salah satu cara yang bisa digunakan para blogger adalah membuat tombol pop up notifikasi subscribe secara instan yang mudah diakses oleh para pengunjung blog.
Seperti yang dilakukan oleh Asifba Project pada website ini, pemilik blog ini menggunakan tombol notifikasi melayang blogger melalui edit HTML.
Nah, bagi Anda yang menginginkan tombol notifikasi subscribe seperti yang ada di website ini, silahkan simak tutorial yang ada dalam artikel ini.
Baca Juga: Istilah Finishing Spanduk MMT, Ada Simming, Keling dan Kolong
Cara Menambahkan Tombol Subscribe Melayang di Blogger
1. Buka pengaturan blog Anda dan masuk ke edit HTML
2. Cari kode ]]></b:skin> dengan cara memasukkan keyword tersebut (Ctrl + F)
3. Masukkan script di bawah ini diatas kode ]]></b:skin>
/* 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; }
4. Cari kode </body> dan letakkan script berikut tepat diatas kode </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>
Baca Juga: Perbedaan Kertas Peaper Art Ivory, Cts, Bufallo dan Linen di Dunia Percetakan
5. Cari lagi kode <head> dan masukkan script di bawah ini tepat diatas 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. Simpan template dan lihat hasilnya dengan cara mengakses website Anda
7. Selamat! tombol notifikasi subscribe telah berhasil dibuat.
Nb: Apabila terdapat eror atau gagal, silahkan teliti kembali script yang telah diinput dalam kode HTML tersebut dan coba lagi.
Demikian artikel mengenai cara membuat tombol subscribe melayang pada blogger dengan cara edit HTML.***
Komentar0