Popular Posts

Cara Membuat Kotak Feed Burner

Share on :
Coba lihat Kotak feedburner di sebelah kanan, kalau mau langganan silakan aja ya! Kotak tersebut Saya dapatkan dari sebuah Blog (maaf tidak bisa saya sebutkan sumbernya). Biasanya Kotak feed burner digunakan untuk menawarkan FEED via email kepada seseorang yang mendaftarkan emailnya dengan mengisi kotak tersebut. Langsung aja kita ke tutorial!
~^tUtOr!aL^~
  1. Daftar ke feedburner dulu ya! Kalau udah daftar silakan login.
  2. Klik tulisan Register pada halaman bagian atas
  3. Isi seluruh form yang telah di sediakan seperti Username, password , Email address, Secret Question, Secret Answer,  Klik tombol Sigin
  4. Jika berhasil, maka sobat sekalian akan menerima ucapan selamat datang (welcome) dari feedburner
  5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog sobat
  6. Beri tanda pada radio buuton(titik) yang tersedia, terserah sobat mau pilih yang mana, kemudian klik tombol Next
  7. Sekarang sobat ubah Feed Title dengan Feed Address (tidak wajib), kemudian klik tombol Active Feed
  8. Sobat akan menerima ucapan Conrats, klik tombol Next saja.
  9. Beri tanda cek list (centang) pada Clickthroughs dan I want more ! have FeedBurner stats PRO also track, lalu klik tombol Next
  10. Klik pada tab Optimize
  11. Banyak setting-an yang bisa sobat lakukan, tetapi saya sarankan pada bagian yang terpenting, yaitu klik pada SmartFeed lalu klik tombol Active
  12. Klik pada tab Publicize, lalu klik FeedCount
  13. Pilih bentuk style feedcount sesuai selera sobat, lalu beri tanda pada radio button (titik) di sampingnya, kemudian klik tombol Active
  14. Setelah itu sobat akan mendapat kode HTML, copy dan paste di blog sobat
  15. Klik Chicklet Chooser untuk memilih berbagai banner yang disediakan dengan cara beri tanda pada radio button (titik) di samping banner, kemudian copy kode HTML nya di paling bawah, kemudian paste di blog sobat
  16. Klik Pingshot, lalu Klik tombol Active
  17. Klik Headline Animator, kemudian klik menu dropdown di bawah tulisan Theme, pilih yang sesuai selera sobat, lalu klik tombol Active
  18.  Klik menu dropdown di samping tulisan Add to, pilih Blogger blog, klik tombol Next
  19. Setelah itu muncul window baru, klik tombol Add to Blogger, jangan lupa Sigin dulu di blogger
  20.  Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan di blog sobat.
Eitt.. Tunggu dulu itu masih Chicklet Chooser-nya aja belum kotaknya. Baiklah ini JavaScript kotaknya.
<style>

.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:260px; /* panjang form */
height:108px /* tinggi form */
}

.rss {
background: url("http://1.bp.blogspot.com/_AoBfKJoBbM8/SpZ8pcSzbKI/AAAAAAAAAM8/AovCKb-OiqI/s320/mouse-rss-symbo2l.jpg") no-repeat top right;}

.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 12px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>

<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:12px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/MIT-feed"></a> <a href="http://feeds.feedburner.com/MIT-feed">Dapatkan Update Terbaru Melalui RSS </a></div>

<div style="padding-left:10px; font-weight:bold; font-size:12px;">atau Dapatkan artikel terbaru <br/>langsung ke email anda!</div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= MIT-feed ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:22px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value=" MIT-feed " name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="DAFTAR" /></div></form></div></div><p><a href="http://feeds.feedburner.com/MIT-feed"><img src="http://feeds.feedburner.com/~fc/MIT-feed?bg=0000FF&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a></p>

NB : > Tulisan yang tebal ganti dengan script chiklet chooser yang tadi.
        > Tulisan MIT-feed ganti dengan feed Anda di feedburner.
Selamat Mencoba dan silakan langganan!



atau Dapatkan artikel terbaru
langsung

ke email anda!

Isi aja kotak di atas atau isi kotak yang ada di sebelah kanan blog saya ini ya!

0 komentar on Cara Membuat Kotak Feed Burner :

Post a Comment and Don't Spam!

Please don't SPAM!