kotak berlangganan feed burner

Kotak Berlangganan FeedBurner Keren

Di Tulis Pada : 5:02 PM  Tutorial Blogger Oleh : Muhammad Septi Rosidi Kategori: FeedBurner,Free Widget

Berkeliling dari satu blog ke blog yang lain merupakan aktivitas rutin yang saya lakukan ketika Online. Tadi, aktivitas berkeliling saya pun membuahkan hasil, saya mendapatkan sebuah kode CSS (Cascading Style Sheets) untuk membuat kotak berlangganan FeedBurner. Iseng-iseng saya pasang kode tersebut di Sidebar blog saya. Ternyata pas saya pasang, Widget FeedBurner Subscription Box ini memiliki tampilan yang sangat keren. Apa yang saya dapatkan, kurang seru rasanya kalau saya tidak berbagi dengan sobat blogger. Jadi, saya langsung membuat tutorial blogspot yang sedang sobat blogger baca ini.

Cara membuat form atau kotak berlangganan Email FeedBurner :

• Sign in di blogger.com
• Pada menu Drop Down, Klik Layout dan klik Add a Gadget

• Copy Paste kode berikut :

<div align="center" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4_sHtfwc0ItBDVl_x6z2VRMGk3Z3jK_HvsregosbhVv-pUx65WR3Ch-842SED8VN8tRZ_ZBLCFbY80kLQmCktUaXR8FeKivkri_BrmTccXpVvobWKMoJvJJ2qHP4jownpfpYQD-VYzmI/s1600/feed+sidebar.jpg)"><a href="http://feeds.feedburner.com/tutorialblogspot/PbmK" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8pq25aF3gzSV3v1ChXKyB1KdoSVGhWtRr_5TRvVhIr9EjOFzTcXmTxyFZiWxycoN0ReOjZyMWsyvwIhH01zwyo-xN9jJN993324vV8LKZ-wWtJPagGsgs34GRLFLy1o0ucORc0jSYG5x/s400/Untitled-5.png" width="290" /></a>
<style></style><style class="text/css"></style>
<div class="center">
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!</div><div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tutorialblogspot/pbmk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" value="Ketik email disini..." type="text" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Ketik email disini...&quot;;}" onfocus="if undefinedthis.value == &quot;Ketik email disini...&quot;) {this.value = &quot;&quot;;}" />
<input type="hidden" value="tutorialblogspot/PbmK" name="uri" /><input type="hidden" name="loc" value="en_US" />
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css"></style>
<div class="table">
<table><tbody><tr align="right"><td align="right"><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/TutorialforBlogspot" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTWnpl5cW4w9hG_547gfC3tevuMTL_Daz4Pnbzo4DKcgHL2jREBXa_vVYoLvdTci9yoMrRgBPB6QzVwtojXwaL3T4eSZtgGb1Ap7mwV9FrDDmlkSckWdfWYKZJQCLIjw1pNf47f2ZnpNOd/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/#!/2torialBlogspot" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-VOYSQB7VMQ-JLHa4q2avmXidNJmeLAbnd1-9VLDvQ20g6KjKQP1xoq3FJW-257VJz29B8iXCdBYvs1-cRX9meqbhMP2e0fwUTCuJ_LCkqVzElax5j-InswCdl6iInagzCc_HAP9sD_AO/s1600/twitter-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/tutorialblogspot/PbmK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZn7ieTdqWkgrv_cHMKdp_ELJ5tuU_6il1HaluO60I8i9E9zBeRUpbW5bneTaQCfxuP1x2A0VriGnG1P0f8kZEOq9rMPN5NwCm0UiWhQYmXQB0oe_B1vbGNhQaaxTyVveFrfmBQmM9TpKe/s1600/rss-48.png" /></a></div></td><td><a class="Fadeout" href="https://plus.google.com/108329354747256877665?rel=publisher" imageanchor="1" target="_blank" rel="nofollow"><img width="30" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxmsOUs3aFTLnoqNWHvXZDza70-UztkpmRO8J9yz67AsgJuZEz04gk0y9ijuRL8MwFS_H-9WuBz0Y5aoiIDnefxVJxJeAXRFoLudt5gjSiiA8XgEdThU5ihiFG23COEGAC0PVsu1JbmfM3/s1600/google-48.png" /></a></td></tr></tbody></table>
</div></div>

• Klik Save

Dari kode di atas, yang harus di rubah atau di ganti adalah :

1. Ganti tutorialblogspot/PbmK dengan nama Feed blog sobat
2. Ganti http://feeds.feedburner.com/tutorialblogspot/PbmK dengan URL FeedBurner sobat
3. Ganti http://www.facebook.com/TutorialforBlogspot dengan URL Facebook sobat.
4. Ganti https://twitter.com/#!/2torialBlogspot dengan URL Twitter sobat
5. Ganti https://plus.google.com/108329354747256877665 dengan URL akun Google Plus sobat