Membuat widget Subscribe via Email

  Membuat widget Subscribe via Email - Fungsi dari subscribe email ini adalah membuat pengunjung setia blog kita selalu menerima informasi terbaru melalui email secara gratis jika terdapat artikel terbaru.

Nah, tips memasang widget ini merupakan langkah awal jika sobat blogger ingin mendapatkan fans banyak dari pengunjung yang pernah mampir di blog kita. Cara memasangnya juga tidak begitu sulit.

Sebelumnya saya mau kasih lihat penampakannya dulu aja neh barang kali ada yang mau nyobain setelah melihatnya.

Langkah - langkah pembuatannya sebagai berikut :

     1. Login ke blogger dulu

     2. Masuk ke tata letak >> tambah widget >> HTML/Java Script

     3. Copy Kode ini dan paste ke HTML/Java Script

    <style> .mbt-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqDyWKo81SvCNJfqkO63Go5saR6y749TylVSCkRIZlSof6bMMFFqb_Hls7N4hjMENIUTDE6Ifk6X5Get6_rPxYLlz3F4-tkK1e1XBTYq8hWFI8iG3oG76Qx3JJ_4vdKTZp_Rs1FFE1H_d/s1600/email.png) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .mbt-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; } .mbt-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:170px; color:#666;} </style> <div class="mbt-email"> Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /> <input type="hidden" value="pengembarabiru" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="mbt-emailsubmit" value="Submit" type="submit" /> </form> </div>

           ganti http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru
dengan link Feedbuner sobat
           ganti pengembarabiru dengan judul feedburner sobat
  4. Simpan.

Selasaiii.. Gimana sob? mudah bukan selamat mencoba ya? dan semoga artikel Membuat widget Subscribe via Email ini bermanfaat.. :D

Twitter Delicious Digg Facebook Stumbleupon RSS