Warung Bebas

Senin, 05 Maret 2012

Cara Buat Widget Berlangganan FeedBurner

feedburner,google feedburner,Widget Berlangganan Feedburner,widget FeedBurner Subscription

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(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/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.

0 komentar em “Cara Buat Widget Berlangganan FeedBurner”

Posting Komentar

 

TUTORIAL BUAT BLOG Copyright © 2012 -- Powered by Blogger