Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com

Baca Juga

Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com – Tutorial kali ini saya pelajari dari blog kizeh.com yang memiliki kotak berlangganan email yang cukup menarik menurut saya untuk di pasang di semua Tipe Template. Kotak berlangganan email adalah sebuah widget yang menyediakan pelayanan bagi pengunjung yang ingin terus mengikuti perkembangan artikel terbaru dari sebuah blog atau pun website. Sistem kerja widget ini sangat mudah, pengunjung tinggal menulis alamat email yang nantinya menjadi tempat artikel terbaru akan di kirim dan menulis pasword email tersebut di dalam kotak yang sudah di sediakan. Al hasil artikel terbaru dari blog tersebut akan langsung otomatis masuk kepada Email sobat nantinya.
Baca juga : Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog 

Manfaat yang dapat di ambil dari widget yang satu ini adalah salah satu sumber Visitor atau pengunjung yang sudah terbukti dapat menambah jumlah pengunjung sebuah blog atau website. Yang pastinya saya rekomendasikan bagi sobat untuk memasangnya. Widget berlangganan email milik Kizeh.com ini sangat unik karena akan reponsive di pasang di aman saja, ia akan menyesuaikan ukuran dari widget template blog sobat. bagi sobat yang berminat untuk membuatnya silahkan simak tutorial nya berikut ini.

Cara meembuat Kotak Berlangganan Email Responsive

1. buka Blog sobat > Masuk menu “Tata Letak” > Tambah Gedget baru > HTML/JavaScript > salin kode di bawah ini dan letakkan kode tersebut di dalam gedget yang baru sobat buat tadi. (pilih salah satu)

Gaya 1

<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN ARTIKEL BLOG GRATIS</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>Gausah Repot bulak-balik kesini, masukan E-mailmu.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='Kizeh-CaraBikinBlog' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#4488dd;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:#dc143c;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#0173B2}</style>

Gaya 2

<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN ARTIKEL BLOG GRATIS</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>Gausah Repot bulak-balik kesini, masukan E-mailmu.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='Kizeh-CaraBikinBlog' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#4488dd;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:#dc143c;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#0173B2}</style>

NB :
Ganti kode yang berwarna Merah denagn kode ID Feedburner milik sobat. jika sobat belum punya silahkan sobat daftar terlebih dahulu di sini http://feedburner.google.com/

2. Simpan setelan dan Lihat hasilnya. Jika sobat mengikuti tutorial di atas dengan benar saya yakin sudah terpasang dengan baik di Template blog sobat.

Baca juga : Cara Membuat PhotoShop Responsive di Halaman Statis Blog

Demikianlah tutorial mengenai Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.