Cara Buat Widget Berlangganan FeedBurner

Kotak Berlangganan FeedBurner haruslah dibuat seindah atau semenarik mungkin untuk memancing setiap pengunjung blog kita untuk berlanggananan artikel atau postingan terbaru yang kita publikasikan. Semakin banyak yang berlanganan artikel kita, maka itu akan menjadi point tersendiri buat blog kita di mata mbah Google. Widget Berlangganan FeedBurner atau widget FeedBurner Subscription yang saya berikan sekarang memiliki tampilan yang sangat imut dan simple. Lihat saja gambar di atas, itu adalah tampilan atau bentuk kotak berlangganan FeedBurner yang saya berikan. Tertarik untuk memasang widget yang imut ini?

Cara Buat Kotak Berlangganan FeedBurner :

• Seperti biasa, sobat masuk dulu di akun Blogger sobat
• Selanjutnya klik Design dan Page Elements
• Klik Add a Gadget dan pilih HTML JavaScript
• Copy dan Paste kode di bawah ini :

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWm8ZS0nZw39Ecz05g82k3SJdlsZRfgDVAU0KGuE-9wsySJr5R-JnPRayHzAuH4fbdHOS1Rf2-SV_B1ZK5YhGETXkLdGLaTMI2fMVOIzJrHpwYbg_ASiP0snCk3DDMuJwvuGd91vAPmJnB/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=TntByStc', '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="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

• Klik simpan.

Tambahan :

1. Ganti http://feedburner.google.com/fb/a/mailverify?uri=TntByStc dengan feed link akaun feedburner sobat. Untuk melihat feed link sobat, sudah pasti sobat blogger harus mengunjungi akun FeedBurner sobat.
2. Ganti TntByStc dengan Judul Feed atau nama Feed dari blog sobat.

Baca tutorial menarik lainnya di bawah ini :

Widget Blog

• Recent Post Widget No Thumbnail
• Membuat Google Translate Bendera Berbayang
• Cara Membuat Salam Pembuka Blog
• Cara Buat Tulisan Berjalan / Effect Marquee di Blog
• Cara Memasang Facebook Like Badge
• Membuat Google Translate Sederhana Untuk Blog
• Kelopak Bunga Berguguran pada Blog
• Cara Memasang Burung Twitter Terbang
• Menghitung Jumlah Kata/Karakter Teks
• Cara Membuat Recent Post Animasi
• Cara Buat Daftar Isi
• Cara Pasang Alexa Traffic Widget
• Menghubungkan Blog Dengan Halaman Google +
• Membuat Google Translate Pin Bendera
• Social Bookmarking Widget Yang Keren dan Terbaru
• Cara Membuat Related Post / Artikel Berada di Sidebar
• Siapa dan Dari Mana Pengunjung Blog sobat?
• Cara Buat Search Box atau Kotak Pencarian di Blog
• Cara Memasang Floating Spoiler Menu di Blog
• Cara Memasang Hewan Piaraan di Blog
• Cara Memasang Widget Kalkulator Cinta di Blog
• Widget Follower Jejaring Sosial Keren
• Cara Pasang Widget Al-Qur'an pada Blog
• Membuat Google Translate Bendera Bergerak