Cara Membuat Kotak Berlangganan FeedBurner Keren dan Elegant 2012

Berkeliling dari satu blog ke blog yang lain merupakan aktivitas rutin yang Raja_Dihati 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 dan elegant. Apa yang saya dapatkan, kurang seru rasanya kalau saya tidak berbagi dengan sobat blogger. Jadi, saya langsung membuat Tutorial Blog yang sedang sobat blogger baca ini.

Untuk tampilannya bisa sobat lihat seperti gambar di bawah :

Klik show untuk melihat

Oke Langsung aja sobat ikuti langkah - langkahnya..:

• Login ke blog sobat atau langsung klik DISINI
• Pada menu Drop Down, Klik Layout dan klik Add a Gadget, lebih jelasnya cara menambah gadget/widget silahkan sobat klik DISINI 
• Copy Paste kode berikut :

Klik show untuk melihat

<div align="center" style="background:url(http://i1058.photobucket.com/albums/t405/R474_MUDA/FeedRSSBadryRaja_Dihati.png)"><a href="http://feeds.feedburner.com/raja_dihati" 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/AVvXsEic9z2m_GcDgfjvStsFCkLXcLiOmrkEEM_PE2QhVfOU_Dzbki_BWTGTqgJDXUh5Va956UHB9cwacWulFAzIy8rtZ-aI6yCSRf6NR59lawKEDh3wnVc0qcpcWzZE4pTsyuTbQJo3T3J44AtH/s400/Untitled-5.png" width="290" /></a>

<style></style><style class="text/css"></style>

<div class="center"><blink>

<span style="font-weight:bold;color:#ff0000;">Masukkan alamat Email Sobat disini untuk mendapatkan artikel terbaru dari Raja_Dihati..!</span></blink></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=raja_dihati', '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="Raja_Dihati" 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="https://www.facebook.com/pages/Master-Komputer/329718160450480" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nDDGNIj3GE3NYqZKgZZCQxfKMUraIG7BgOo_lwUK54g9tM0ldR_HLLw_XRGxr2eQ-kbtP9QlHf0IK6XesHwfuKs7xLhvFMkazZhrUys8kepKeF9gr87AJPlmSRzsoNf_123UKs6pSpMH/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/R474_MUDA#" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5FcdMaAYPQuv3zLoqo65oJJcptapMLg_ox5erJZME7nexonNpTk_8Jpt-SolpWcSy6MS86EMEp93faKK7Z6kGMhTxRk2vLBNZCVqsxbe5XYTO0u2R6HX7RKhJQoLAqX_ihxF2AjM4Dyy/s1600/twitter-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/raja_dihati" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtsidEo4ZhuzyiF-MvP8AkrUpvMqwuJZUSUpVTRdr0MzDyF4wnU3I9YbklOO60VOkFqSIW75edqlwsOa9Yyb-2MjjTcpSIhADOHN-pZtbRhmzdZ-tKZiWuOhFY9QEvmRESViAfJqn3jzCN/s1600/rss-48.png" /></a></div></td><td><a class="Fadeout" href="https://plus.google.com/u/0/113528801945823897154?rel=publisher" imageanchor="1" target="_blank" rel="nofollow"><img width="30" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBbzbgr_kazG9_asB6LVZXHo_eJvjIvCKrVu5YazftCWgTT9J3Oywrn4_o5LwgcEmEy4-ImpnLZf3vCAFKeAtZuFFJwcA3o0GWIIWMCT9zuG8_EotP9gkkxBDfXB1WopuzepJormcf5Xy/s1600/google-48.png" /></a></td></tr></tbody></table>

</div></div>

• Save Gadget/Widget FeedBurner sobat
• Selesai

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

1. Ganti Raja_Dihati  dengan nama Feed blog sobat

2. Ganti   http://feeds.feedburner.com/raja_dihati dengan URL FeedBurner sobat

3. Ganti https://www.facebook.com/pages/Master-Komputer/329718160450480 dengan URL Fans Facebook sobat.
4. Ganti https://twitter.com/R474_MUDA# dengan URL Twitter sobat
5. Ganti https://plus.google.com/u/0/113528801945823897154 dengan URL akun Google Plus sobat

Sekianlah yang dapat saya bagi buat sobat kali ini dan sampai jumpa di Tutorial Blog selanjutnya.

Semoga kotak berlangganan FeedBurner yang keren ini semakin memperindah tampilan blog sobat. Wassalam

Bagi sobat semua mungkin ada yang kurang di mengerti silahkan sobat tanyakan di kotak komentar di bawah, Insyaallah dengan cepat Raja_Dihati membalas dan membantu sobat semua..! Terima Kasih.