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/AVvXsEiBL4tOuVpzFS2VYLevN5omjblV5VZQKo8McL9Tinnb-tawsAx7kL3_cs4s5Sjj03Imf4q6q0filQolAZRr_pDhyphenhyphenGEeFtxcD4uGDLVzNvHo5FlM5qvMIyQv8TlI9O0o-z8MGOv_mQagTQ/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvSopvk9rfKaHQrpdw7rlv39xypZjP7xGqaUBA85bZVI1oqMjWlnESwXpKEwT7ZzQeBUP_pa_FCayFgE6IXxLwXzyO9yHhRChmmflKwxAjlUJWzTMiI5PZ85M7LxX5T5vuZ2R2T2T7Q/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/AVvXsEgNQjyv-eApGpQqUM9irkP2KUdeks_oO3kb5N3Ow5JBFbOPaRNwEQAl-somzmjtqzvlTmULBLPvGtUZwoRb_voQsi6rP-I9lv4Qy3CYUlj2-jMW3ToSpuzf4MvsVFGIy6-rzGBadMpDyQ/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/AVvXsEjpt5uX1LX8HEiV5QGbWBWNOFA3AL6AZfWuCnHM_CyAe9ahg3xi7gjx7daH2IYyi0y-6Dv218zVKB65EqTWFdHe99AfIzYruaNkhYcwYzCBjNlk8cHtNWM1LdVz9aSyvz6A1u7d0x3TuQ/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.

Comments

  1. AwangJuly 11, 2017 at 10:09 PM

    izin coba caranya ya gan hehehe. btw thanks..

    ReplyDelete
  2. Mas ZuhdiApril 27, 2018 at 1:56 PM

    Mantabz, saya coba langsung berhasil, terima kasih mas, sukses selalu!

    ReplyDelete

Post a Comment

Popular posts from this blog

Cara Mudah Download Lagu Di Soundcloud Tanpa Software

Image
Jumpa lagi di Zonamasa-Kali ini saya akan bagikan  trik download musik  pada situs penyedia MP3 yang terpopuler yaitu soundcloud. Saya buat postingan kali ini agar sobat dapat mendownload lagu di situs tersebut tanpa harus mengunakan aplikasi/software. Disana merupakan tempat yang aman bagi pecinta musik untuk dapat mendegarkannya, dan menariknya disana hanya bisa mendegarkan lagu secara Online, nah itulah sebabnya saya akan bagikan cara mengunduh lagu yang di inginkan. Sumber : Pixabay Sebelum ke Topik, saya bahas sedikit tentang soundcloud, yaitu situs penyedia MP3 terlengkap dari seluruh musik Di Dunia, disana anda dapat menikmati jutaan MP3 yang telah tersedia. Di situs ini juga menyediakan berbagai lagu asli dan berkualitas. Orang tidak mungkin hanya mendengarkannya saja, pasti mereka ingin menyimpannya juga mengapa ? Karena sering mendengarkan dengan Online maka kuota yang digunakan pun cepat habis, untuk itu ikuti langkah dalam mengunduhnya dibawah ini. 1. Pe...
Read more

Cara Kompress Ukuran Gambar Tanpa Mengurangi Kualitas Gambar

Image
Kompres gambar yaitu proses pengecilan ukuran gambar yang dituju, kompres gambar yang dimaksut adalah menjadikan gambar sekecil mungkin tanpa mengurangi kualitasnya. Apakah memang benar bisa, dan bagai mana caranya ? Di Zonamasa akan memberikan jawabanya, saya akan berikan tutorial terbaik dan mudah di pahami dalam proses kompres gambar. Sebelum itu, perlu diketahui apa itu kompres dan bentuk gambar apa saja yang bisa di kompress. Saya akan memberikan penjelasan sedikit tentang kompres, yaitu proses craking atau penghapusan komponen penyusun gambar yang tidak berguna sehingga ukuran gambar dapat diperkecil tanpa menghilangkan komponen penting dalam penyusun gambar. Nah apa saja jenis gambar yang bisa di kompres ini dia. JPEG PNG GIV SVG Bagi format gambar yang seperti diatas bisa di perkecil ukuran gambarnya, kali ini saya akan memberikan tutorial craking menggunakan situs pengecil ukuran gambar yang sangat berguna sekali, yaitu : kraken.io ada sebuah situs untuk upload gam...
Read more

Daftar Payload Http Injector Axis Agustus 2017 Unlimited

Image
Pada kesempatan kali ini saya update payload terbaru untuk Http Injector khusus oprator axis. Mungkin banyak yang belum tahu tentang payload, payload adalah kumpulan bug dengan campuran host untuk menuju pada celah oprator sasaran. Intinya bug dalam payload tersebut akan bekerja seiringan dengan adanya host pembuka celah. Dalam sebuah payload mungkin banyak yang menganggap sulitnya membuat payload. Yang paling sulit ternyata menentukan bug yang masih bisa digunakan dan normal saat dijalankan. Tenang saja pada postingan kali ini saya akan berbagi payload yang sudah jadi beserta bug yang sudah saya tempelkan, langsung saja simak payload berikut ini. Daftar Payload Axis Update 2017 1. Payload Versi Zona 1 Get http://download.cdn.oly-na.blackberry.com/ [protocol][crlf]POST: download.cdn.oly-na.blackberry.com HTTP/1.1[crlf]Connection: Keep-Alive[crlf][cr][crlf][split][raw][crlf]DELETE: download.cdn.oly-na.blackberry.com [crlf]Connection: Keep-Alive[crlf][crlf] 2. Payload Ver...
Read more