Widget Berlangganan Email Seperti Punya Mas Sugeng [Keren]

Di kesemptan kali ini saya akan membagikan cara untuk membuat Widget Berlangganan Email Seperti Punya Mas Sugeng [Keren].

Apa itu berlanganan blog email ?
Yang di maksudkan berlanganan email di blog adalah ketika blog membuat postingan baru maka yang berlanganan akan medaptakan pesan pemberitahuaan melalui email.


Kenapa saya membuat panduan cara membuat desain langanan emailnya Mas Sugen karena blog yang masih terpopuler hingga saat ini mulai dari tempilan blog yang rapi, Seo, Responsive dan lain sebaginya, saya sediri terkadang juga masih menggunjunginya blognya, Oky langsung saja menuju tutorialnya ya.


Langkah - langkah Widget Berlangganan Email Seperti Punya Mas Sugeng [Keren]
  • Masuk ke dasbor blogger dan masuk ke Tata Letak.
  • Tentukan lokasi penempatan Widget berlangana. Bila sudah Tambah Widget


  • Pilih HTML / Java Script.

  • Masukan kode script di konten. Judl kosongkan saja.
<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>Nggak perlu bolak-balik ke blog ini untuk ngecek postingan terbaru, berlangganan aja via email.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='AnangZd' 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:#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:#02AEFF;color:#000;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#fff}</style>
  • Simpan dan lihat hasilnya.

NB. Tambahan
  • Kata-katanya dapat di rubah dengan mengganti font yang berwarna merah sesuai keinginan.
  • Kalau warnanya kurang keren, edit yang ada tanda "(#) pagarnya".
  • [Wajib] Ganti "AnangZd" dengan ID Feedburner Anda!

Bagiman hasil widgetnya sepertinya punya mas sungengkan, Semoga panduan yang saya bagikan kali ini bisa bermafaat buat kalian.
Posting Komentar (0)
Lebih baru Lebih lama