October 14, 2013

Cara Membuat Subscribe via Email di Blog

October 14, 2013

Subscribe via Email
Di sidebar kanan blog ini Anda bisa menemukan "formulir" (form) Subscribe via Email. Itu form untuk berlangganan posting blog ini via email. Tentu, gratis! Meski namanya "berlangganan".

Jika Anda memasukkan email Anda, nanti Anda akan menerima permintaan konfirmasi dari FeedBurner (milik Google).

Setelah dikonfirmasi, maka update atau posting terbaru dari blog ini akan Anda terima di inbox email, tanpa harus membuka blog ini.

Cara Membuat Subscribe via Email (Feeds Blog) seperti di blog ini sangat mudah.

1. Daftarkan dulu RSS Feeds blog di FeedBurner.
2. Aktifkan Email Subscription di menu Publicive.
3. Catat Feed Address blog Anda, misalnya http://feeds.feedburner.com/contohblognih 

4. Buka Dashboard blog Anda
5. Klik Layout/Tata Letak --> Klik "Add Gadget" --> Klik "HTML/Javascript"
6. Masukkan kode di bawah ini setelah mengubah "contohblognih" dengan ID Feedburner Anda yang tertera di bagian akhir Feed Adress (lihat nomor 3)

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAvWJyURYDuPsWbTx5PuH1oEPCjptL_vEkRkxDHaAfkr6Y48S6m8K5vWvOQGTIK1q0DzemQsikVPiEkImLTsySGn1UjOUSIKhgre_g3Pw4LXh4q70wGZUEuC-AYn-WIvoEHKxFus-K8o/s1600/mail.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;
}
.hl-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;
}
.hl-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:180px;
color:#666;}
</style>
<div class="hl-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=contohblognih', '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="contohblognih" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Kita juga bisa menggunakan kode "Subscribe via Email" yang disediakan FeedBurner.

Katanya sih, makin banyak pengunjung yang berlangganan via email, maka popularitas blog kita makin OK dan Google akan meranking blog kita dengan lebih baik. Good Luck!

Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

24 comments on Cara Membuat Subscribe via Email di Blog

  1. thanks gan tutornya
    kunjungi blog saya gan http://likepapercraft-id.blogspot.com/

    ReplyDelete
  2. gan mau tanya nih ....
    kalau mau membuat invoice toko online gimana bos?
    ane udh ganti ganti templete tp semuanya sama eror di invoice nya

    ReplyDelete
    Replies
    1. coba sini: https://invoice-generator.com

      Delete
  3. terima kasih atas tips subceribe via email nya .izin mau pasang di blog saya ..

    ReplyDelete
  4. Simpel, manis dan praktis. Makasih widgetnya CB.

    ReplyDelete
  5. Terima kasih ya, sudah terpasang

    ReplyDelete
  6. kalo versi Responsivenya ada ga gan??
    Saya mau pasang setelah postingan....

    ReplyDelete
  7. terima kasih tutornya gan. sudah saya pasang.. :)

    ReplyDelete
  8. thanks gan kunjungi blog saya gan dan mohon arahannya gan...!

    ReplyDelete
  9. Mas caranya biar widget subscribe ini tampil juga di post gimana ? Saya coba cara ini cuman tampil di home mas, makasih

    ReplyDelete
  10. thanks u gan.... maklum template baru ibarat Komputer baru instal semua driver.. hehehehe

    ReplyDelete
  11. Alhamdulillah bermanfaat gan

    ReplyDelete

Contact Form

Name

Email *

Message *