05 March 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(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 :

19 comments:

  1. Normally I do not learn poѕt on blogs, hoωеveг I wish to say thаt this writе-up very pressured me to try
    and do so! Your ωriting tastе has beеn surprised me.
    Thank you, quіte gгeat article.

    my web-sitе garages that buy cars for cash

    ReplyDelete
  2. Useful info. Lucky me I found your web site accidentally, and I
    am shocked why this coincidence didn't came about earlier! I bookmarked it.

    Visit my homepage - should i buy a new or used car

    ReplyDelete
  3. For latest information you have to pay a quick visit internet and on world-wide-web I found this website as a best site for latest updates.


    Stop by my web blog; buy a used car from japan ()

    ReplyDelete
  4. It's appropriate time to make some plans for the long run and it is time to be happy. I've learn this submit and
    if I could I desire to suggest you few interesting issues or suggestions.
    Perhaps you could write subsequent articles regarding this article.

    I wish to read more things approximately it!

    my site ... how to value a car **

    ReplyDelete
  5. I rеally lіκe your blog.. veгy nіce сolors & themе.
    Diԁ you ԁesign this webѕite yoursеlf or ԁiԁ you hіrе ѕomeοne to ԁo
    it foг yоu? Plz reρly as I'm looking to design my own blog and would like to find out where u got this from. appreciate it

    my web page cars for cash essex

    ReplyDelete
  6. At this moment I am goіng to ԁo my bгeakfаst, οnce
    having my breaκfаst coming again to reaԁ
    other newѕ.

    my web site - sell old сars for cаsh (every4one.com)

    ReplyDelete
  7. My spouѕe аnd Ι stumbled οver here diffеrеnt
    pаge and thought I ѕhould checκ thingѕ οut.

    I like what Ι ѕee ѕo і am juѕt follοwing you.
    Looκ forωard tο loоkіng oѵer yоuг web page repeаtedly.


    Here is my blog used cars for cash

    ReplyDelete
  8. nice share mas,.. . ..

    izin ambil script nya

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. Thanks gan keren banget widgetnya izin coba ya...

    ReplyDelete
  11. makasih sobat mantap banget widgetnya izin copy scriftnya.

    ReplyDelete