Beranda  ›  Blogger

Cara Menbuat Widget Kotak Berlangganan FeedBurner di Blog

Posted by Faried Kamis, 21 November 2013 10 comments
Tutorial kali saya akan membahas tentang Cara Membuat Widget Kotak Berlangganan FeedBurner tips ini sudah banyak sekali dibahas di blog-blog sahabat dan bukan merupakan suatu pembahasan yang asing lagi di dunia blogger, namun itu bagi mereka-mereka yang sudah sekian lama menggeluti dunia blogger. Sebenarnya apa fungsi membuat Widget tersebut. Singkat saja saya jelaskan, Widget ini memiliki fungsi sebagai sarana bagi pungunjung blog kita untuk berlangganan artikel-artikel terbaru di blog tersebut, jadi pengunjung akan selalu mendapatkan kiriman artikel terbaru dari blog tersebut melalui email yang di daftarkan. Kurang lebih begitulah mengenai fungsi dari Widget ini. Seakarang seperti apa tampilan Widgetnya, berikut saya tampilkan Screenshot-nya.


Untuk membuat Widget yang seperti gambar di atas, caranya:
1. Login ke blog kamu>masuk ke Tata letak
2. Tambah Gadget dan pilih HTML Java Script, masukkan kode dibawah 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=blogspot/faridelly', '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="blogspot/faridelly" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>
3. Ganti tulisan yang berwarna merah di atas dengan alamt FeedBurner blog kamu
4. Klik simpan.

Untuk cara mengetahui URL FeedBurner blog kamu, kunjungi lama dibawah ini
Cara Mengetahui URL FeedBurner Blog

Source
Categories:

Popular Post:

Postingan Lainnya:



10 Comments:

  1. Anonim26 Oktober 2015 pukul 16.14

    At such a time, it would be most advisable for you, as a businessman, to hire an app developer to create an independent business app for you
    too so that all your fellow customers can reach you as
    per their convenience. At Techliance, we keep a keen eye on changing trends.
    It is a decent Android ID3 tag editor for quick fixes, potentially avoiding a
    tedious retagging process on a computer.

    BalasHapus
  2. Anonim28 Oktober 2015 pukul 04.23

    Hello, I log on to your blog regularly. Your story-telling style
    is awesome, keep doing what you're doing!

    Also visit my homepage; best app of 2015

    BalasHapus
  3. Anonim30 Oktober 2015 pukul 14.58

    each time i used to read smaller articles or
    reviews which also clear their motive, and that is also happening with this article which I am reading here.



    Feel free to visit my blog: best app of 2015

    BalasHapus
  4. Anonim2 November 2015 pukul 16.38

    Undeniably believe that which you said. Your favorite reason seemed to be on the internet the simplest thing to be aware of.
    I say to you, I definitely get annoyed while people consider worries that they plainly don't
    know about. You managed to hit the nail upon the top and defined out the whole thing without having side effect , people can take a signal.
    Will likely be back to get more. Thanks

    Also visit my site get it free now

    BalasHapus
  5. Anonim3 November 2015 pukul 20.13

    If some one wants expert view on the topic of running a blog then i propose him/her to
    pay a visit this weblog, Keep up the fastidious work.

    Here is my homepage ... get it free now

    BalasHapus
  6. Anonim10 November 2015 pukul 23.17

    What's up, after reading this amazing post i am as well glad to share my know-how here with colleagues.



    Also visit my blog post 13 Balls

    BalasHapus
  7. Anonim12 November 2015 pukul 02.57

    It is appropriate time to make some plans for the future and it's time
    to be happy. I have read this post and if I
    could I want to suggest you few interesting things
    or tips. Perhaps you can write next articles referring to this article.

    I want to read even more things about it!



    my webpage ... best app of 2015

    BalasHapus
  8. Anonim15 November 2015 pukul 18.02

    If some one wishes expert view about running a blog after that i suggest him/her to go to see this website,
    Keep up the pleasant job.

    Visit my blog post; best app of 2015

    BalasHapus
  9. Anonim19 November 2015 pukul 19.36

    There's certainly a lot to find out about this issue.
    I really like all the points you have made.

    my page: best app of 2015

    BalasHapus
  10. Anonim31 Desember 2015 pukul 03.41

    I'm gone to tell my little brother, that he should also pay a visit this
    webpage on regular basis to get updated from newest information.

    Feel free to visit my homepage Ms. Elegant California

    BalasHapus