Cara Membuat Subscribe via Email di Blog
October 14, 2013
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.
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 == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" 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!
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 == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" 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
« Prev Post
Next
Next Post »
Next Post »
. Thanks gan tutorial nya.
ReplyDeleteSama-sama, good luck...
Deletemakasih gan
ReplyDeletesama sama....
Deletethanks gan tutornya
ReplyDeletekunjungi blog saya gan http://likepapercraft-id.blogspot.com/
makasih gan infonya
ReplyDeleteyou're welcome..... :)
Deletebgus scripnya
ReplyDeletegan mau tanya nih ....
ReplyDeletekalau mau membuat invoice toko online gimana bos?
ane udh ganti ganti templete tp semuanya sama eror di invoice nya
coba sini: https://invoice-generator.com
Deleteterima kasih atas tips subceribe via email nya .izin mau pasang di blog saya ..
ReplyDeletemakasih ya
ReplyDeleteMantap gan.
ReplyDeleteSimpel, manis dan praktis. Makasih widgetnya CB.
ReplyDeleteTerima kasih ya, sudah terpasang
ReplyDeleteterima kasih tutornya gan. sudah saya pasang.. :)
ReplyDeleteNice gan!
ReplyDeletethanks gan kunjungi blog saya gan dan mohon arahannya gan...!
ReplyDeleteWoke gan .. thanks
ReplyDeleteMas caranya biar widget subscribe ini tampil juga di post gimana ? Saya coba cara ini cuman tampil di home mas, makasih
ReplyDeletethanks u gan.... maklum template baru ibarat Komputer baru instal semua driver.. hehehehe
ReplyDeleteAlhamdulillah bermanfaat gan
ReplyDeleteMantabh gan.. top
ReplyDelete