2017/02/02
2017/02/02T2/02/2017

Cara Membuat Widget Subscribe Box Keren Ala Mas Sugeng (sugeng.id)

Cara Membuat Widget Subscribe Box Keren Ala Mas Sugeng
Subscribe box ala Mas Sugeng

  Gambar diatas adalah tampilan widget kotak berlangganan di blog Sugeng.id miliknya Mas Sugeng. Siapasih Mas Sugeng itu? Samapai-sampai Mas Bro Membuat postingan Cara Membuat Widget Subscribe Box Keren Ala Sugeng.id. Bagi para blogger sepertinya sudah tidak asing lagi dengan sosok yang satu ini, namun disini saya tidak untuk membahas tentang siapa itu Mas Sugeng. Tapi jika anda penasaran, silahkan tanya mbah saya saja.

  Memangnya apa sih manfaat memasang subscribe box? Ada yang sedang berpikir seperti itu?
Ada beberapa manfaat yang bisa anda dapatkan jika anda memasang subscribe box pada blog anda, diantaranya adalah pembaca yang telah mensubscribe blog anda akan mendapatkan email pemberitahuan setiap anda mengupdate artikel. Dengan begitu, potensi kembalinya pengunjung untuk mengunjungi blog anda akan lebih besar. Sehingga trafik blog juga akan lebih stabil.

  Cara kerja subscribe box ini menggunakan feedburner yang nantinya pembaca blog anda yang telah mensubscribe atau berlngganan dengan blog anda, mereka akan mendapatkan email pemberitahuan tentang postingan terbaru dari blog anda. Dengan begitu, pengunjung blog anda akan tetap stabil.

  Menurut saya, ini sangat keren!
Terus, bagaimana cara memasangnya Mas Bro? Gampang sekali! Anda juga tidak perlu masuk ke menu edit html. Berikut cara memasangnya!


Cara Memasang Widget Subscribe Box Ala Mas Sugeng

1. Copy kode dibawah ini.

<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN VIA EMAIL</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-Plazzasoft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Dapatkan Artikel Terbaru Dari PenaJingga Melalui Email Anda.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='Penajingga' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='BERLANGGANAN'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#38424B;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#01AEFF;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#0173B2}</style>


Keterangan:


  •   Ganti tulisan berwarna biru dengan id feedburner anda
  •   Ganti tulisan berwarna merah dengan kata-kata yang anda inginkan.



Baca juga: Cara mudah membuat tombol share responsive keren di blog


2.  Kemudian paste kode tersebut pada tata letak di blog kalian.

Caranya:

  1. Masuk ke dasboard blog anda
  2. Klik tata letak
  3. Pilih dimana widget akan diletakkan
  4. Tambahkan gadget
  5. Pilih html/javascript
  6. Paste kode diatas
  7. Simpan
  Dan lihat apa yang terjadi? Kini, blog anda sudah terpasang widget subscribe box ala Mas Sugeng!

Saya tunggu pendapat anda di komentar!!

Semoga bermanfaat!