Cara Membuat Widget Subscribe Pop-Up atau Melayang di Blog

Artikel terkait : Cara Membuat Widget Subscribe Pop-Up atau Melayang di Blog

Membuat Widget Subscribe di Blog | Bagaimana melengkapi blog dnegan berbagai fitur yang dibutuhkan pengunjung. Salah satunya ialah dengan melengkapi blog menggunakan sebuah fitur subscribe. Sebenarnya fitur ini bukan kebutuhan pengunjung, lebih tepatnya kebutuhan blogger untuk mengumpulkan pelanggan. Ya, pastinya sobat blogger perlu memasang widget Subscribe ini. Jika dilihat dari sisi kegunaannya biasanya dapat diperuntukkan memberi informasi kepada pelanggan tentang artikel yang baru dibuat.

Widget Subscribe Pop-Up

Membuat widget Subscribe bukanlah hal yang sulit, melainkan sangat sederhana sekali. Sobat blogger dapat membuat widget tersebut hanya dalam waktu dua menit saja. Untuk pembuatan Subscribe tentunya menggunakan CSS, namun kali ini berbeda, kita tak perlu menggunakan CSS hanya menggunakan sedikit kode HTML saja. Pada kesempatan kali ini yang akan saya bagikan ialah tentang bagaimana memasang widget ini dengan bentuk melayang. Widget Subscribe dengan bentuk melayang saat ini kian diminati banyak orang, karena memperbesar presentase pengunjung akan berlangganan. Oke, tanpa panjang lebar langsung saja kita simak pembahasan tentang memasang widget subscribe popup berikut.

Cara Buat Subscribe Melayang + Close Besar

1. Pertama, hidupkan komputer atau laptop anda. Jangan lupa hubungkan ke internet, selanjutnya buka browser anda masing masing.
2. Selanjutnya ialah login ke blog anda, pilihlah blog yang ingin dipasangi kode ini.
3. Pilih menu Tata Letak > Plih Lokasi > Tambah Widget > Pilih HTML Javascript.
4. Terakhir copy kode HTML berikut dan pastekan kedalam widget tadi, lalu save.

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85nNyUHI0vfK6LWBSYgiUiwcyD7msREP-rokdUt1mZ3UtmxD3416GyWpB3cLBvjJJxph8UFtLvc39ZQNFdEHwAdBN7qeyfNNtQKt5gzFF9EMh3jRjh_K9hiHvNEwi_rWI2iwVnHFkmw/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx-wPl_pjN0IR2d7fVJvDMuTxaRdWYqvArHHICup6d8-GLcyi0ihvOV70GQiRDRD1vccpidNiUh27E9BrM-k_gF65AUq-KH0Y1_wsBtOaXTt1hhJ2VQvCx973Cww1gauvaEmaCQILzyw/s748/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;}
.exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;}
form#exestylepopup {display:block; margin:0;}
form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup"><center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwx_tob1DyEaFix3lq_59aKaX8secJd8xBBJK-3ea2MPwOnqM5yzogn3UOv_aZ6q9nZbMQNtDogA7bM9QLWclSeNKjJpLLOLWPWqzNnnVbRzL5KZGz23yJp-FZOVQnomBULb3w4dwb_w/s40/exeideasclose.png"/>
</center><form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=zonamasa', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="zonamasa" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..." placeholder ="Enter Your E-Mail Here..." /><input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSOQr9eCH0iE_tRkeOtpgFwM0VZiwMH7ZwkYvqHcPt4leu8l7Zn0MF40dzDM8BL5aKIpufd4LSt3ZHVvSNypQRBjz1EhphvL7Q4wqEmcJmjMU2pYrqQ5326AfsTcHi4XTJhtF6D0VIfg/s128/exeideasblank.gif" id="exebutton" /></form></div></div>

Jangan lupa, kode yang bertuliskan "zonamasa" dapat anda ganti dengan feedburner anda masing masing. Jika sudah memasangnya tinggal kalian cek sendiri di blog, apakah sudah berhasil atau belum. Jika belum pastinya ada kode yang tertinggal atau hapus, coba ulangi kembali dan cek lagi. Kerena Widget ini bentuknya melaynng dengan perpaduan warna yang komplek akan menarik pengunjung untuuk menjadi pelanggan blog, pastinya anda akan lebih punya subscriber.

Kesimpulan

Munkin banyak sekali widget subscribe dari blog blog lain, namun anda hanya boleh memasang satu saja, agagr tidak bertabrakan dan rusak. Untuk prakteknya silahkan ikuti tutorialnya dengan benar. Mudah sekali memasang widget ini, seperti widget HTML pada umumnya.

Sekian, pembahasan tentan tutorial memasang subscribe popup atau melayang diblog.