Assalamu'alaikum... Selamat siang sobat blogger,, pada postingan kali ini ane coba luncurin Cara Pasang Widget Berlangganan Feedburner. Apa itu Feed ?? saya rasa temen2 udah pada tau semua fungsi Feed itu apa,, Feed adalah suatu format data yang digunakan untuk melayani isi yang sering diperbaharui. Distributor isi mensindikasikan suatu umpan web dan mengizinkan para pengguna untuk berlangganan. Membuat suatu koleksi umpan web yang tersedia pada satu tempat dikenal sebagai agregasi, yang dilakukan oleh agregator (disebut juga pembaca umpan atau pembaca berita). (definisi id.wikipedia ) .Tampilannya sangat lah menarik di mata saya heheh... sangat sederhana dan di jamin tidak memberatkan template sobat blogger semua.
Cara Membuat Kotak Berlangganan FeedBurner di blog :
- Sign In di akau Blog sobat
- Klik Design lalu klik Page Elements
- Add a Gadget dan pilih HTML JavaScript
- Copy dan Paste kode di bawah ini :
<style>
.mbt-email{
background:url(http://icdn.pro/images/en/f/e/feedburner-icone-5185-48.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=SitusAieza', '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="SitusAieza" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>
- Kemudian Ganti Tulisan yang berwarna Biru dengan Feed Blog Sobat Silakan masuk ke Google Feedburner sobat
- Klik Simpan & Lihat hasil nya