Menambah kotak Subscribe (langganan)

Hay Bro, Jumpa lagi dengan saya
kali ini saya akan membahas tentang bagaimana cara menambah kotak Subscribe untuk para pengunjung setia kita agar mereka dapat berlangganan postingan kita melalui email mereka.
keunikan kotak subscribe ini adalah selain untuk berlangganan lewat email kita juga dapat mempromosikan facebook dan twiter kita bro, keren bukan?
langsung saja kita ke pembuatannya






1. aktifkan subscribe blog mu dengan cara mendaftarkan blogmu di FeedBurner
2. untuk dapat masuk ke FeedBurner Kamu harus login dengan akun Gmail mu
3. setelah itu masukan alamat blogmu dan pilih next

Klik Gambar

 4. selanjutnya pilih next lagi

Klik Gambar

5. setelah itu akan muncul form (angket) yang sudah otomatis terisi, tetapi anda dapat menggantinya sesuai keinginan anda lalu pilih next
NB: Feed Address adalah nama idFeed anda

Klik Gambar

6. anda akan mendapat notifikasi seperti gambar berikut lalu pilih next

Klik Gambar

7. pilih bagian publicate

Klik Gambar

8. pada menu service pilih Email Subsciption lalu pilih Active

Klik Gambar

9. langkah selanjutnya login ke blog anda
10. pada menu tata letak pilih tambah gadged

Klik Gambar

11. klik tanda plus (+) pada  Html/JavaScript

Klik Gambar

masukan kode berikut

<div style="background-color : #ffffff;padding-top:10px; border: 1px solid #ccc;">
<a href="http://feeds.feedburner.com/inoutin" target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; width:30px; height:30px; margin-right:5px" src="http://img171.imageshack.us/img171/162/rssicons.jpg" /></a><a href="http://feeds.feedburner.com/inoutin" target="_blank" title="Subscribe To The Latest Posts"><b><u>Subscribe to our RSS Feed</u></b></a>
and We will let you know when we have new posts!
<br />
<center>
<b>Or get the latest posts via Email</b>
<form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tutorialblogspot/pbmk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:170px;" />
<input type="hidden" value="inoutin" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input style="
        padding-left:3px;
        padding-right:3px;
        border: 1px solid #333333;
        cursor: pointer;
        background-color: #000000;
        color: #FFFFFF;"
type="submit" value="Submit" />
</form>
</center>
<center>
<table border="0">
<tr>
<td>
<a href="http://www.facebook.com/christian.eyd" target="_blank" title="Connect On Facebook">
<img style="width:54px; height:54px;" src="http://img29.imageshack.us/img29/3497/facebookiconf.jpg" /></a>
</td>
<td>
<a href="http://twitter.com/chrstianeko" target="_blank" title="Let's be friend. lols.">
<img style="width:54px; height:54px;" src="http://img291.imageshack.us/img291/3765/twittericon.jpg " /></a>
</td>
<td>
<td>
<a href="http://feeds.feedburner.com/inoutin"><img src="http://feeds.feedburner.com/~fc/inoutin?bg=CCCCCC&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/chrstianeko/ffffff/111111"></script>
</td>
</td>
</tr>
</table>
</center>
</div>

Tips dan Trik Lain kunjungi inout-in.blogspot.com

NB:
* ganti inoutin dengan idFeed anda
* ganti chrstianeko dengan nama twitter anda
* ganti http://www.facebook.com/christian.eyd dengan link facebook anda


12. tekan simpan lalu simpan setelan anda dan kotak subscribe telah siap di beranda blog anda
selamat mencoba bro JBU :)

Posted in: Blogging