Modifikasi Kotak Email Berlangganan Rss Feed...!

Mungkin kalian sudah pasti tahu cara berlangganan artikel pada blog dan cara membuatnya, dan kita juga tahu bahwa tampilan asli dari email berlangganan itu kurang mnarik alias monoton,, jadi sekarang tugas kita untuk bisa membuat tampilannya lebih bagus alias dimodifikasi.

gimana ya cara modifikasi email berlangganan ini ....? Lihat tampilan aslinya dibawah ini.


1. mensejajakan button "subscribe" , caranya seperti ini:

== Kode email berlangganan

<p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="Berlangganan" name="uri"/>
<input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" />

== Lihat kode yang berwarna merah. Setelah itu, ubah kodenya menjadi seperti ini:

<p><input type="text" style="width:140px" name="email"/>
<input type="hidden" value="Berlangganan" name="uri"/>
<input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></p>

Sehingga hasilnya menjadi seperti ini:

2. Ini adalah bentuk dari modifikasi email berlangganannya....

== Modifikasi 1

<a href="http://feedburner.google.com/fb/a/mailverify?uri=z33s&loc=en_US"><img alt="feedburner" style="border: 0pt none; margin-top: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3PhwA6gDbSFy5VlosO8Lft8Ss4nwHulRJ8IiLzBRXI2Tz1L1imK31_pep5CY5b1HMNaRFsdkCECCSzO2B58nUd9FzyCugQ9XZ-geosa-RC7OnmTWMLMo8HStBTqB986N9WSIA1eLqW2v5/s1600/rSS2.png" /></a><!-- AddThis Button BEGIN -->

<div expr:addthis:url="data:post.url" class="addthis_toolbox addthis_default_style" expr:addthis:title="data:post.title"><a share="[object Object]" class="addthis_button_compact at300m" href="http://www.addthis.com/bookmark.php?v=250&pub=saer_gh" ost="1" conf="[object Object]"><span class="at300bs at15t_compact"></span>Share</a> <span class="addthis_separator">|</span> <a target="_blank" href="//www.addthis.com/bookmark.php?pub=NamaBlog&v=250&source=tbx-250&tt=0&s=facebook&url=http%3A%2F%2FAlamatblog.blogspot.com%2F&title=Belajar%20SEO%20Blogspot%20%7C%20Bisnis%20Online%20%7C%20Blogger%20Tutorial%20%7C%20Blog%27s%20Blog&content=&lng=id" share="[object Object]" class="addthis_button_facebook at300b" ost="1" conf="[object Object]" title="Send to Facebook"><span class="at300bs at15t_facebook"></span></a><a target="_blank" href="//www.addthis.com/bookmark.php?pub=NamaBlog&v=250&source=tbx-250&tt=0&s=myspace&url=http%3A%2F%2FAlamatBlog.blogspot.com%2F&title=Belajar%20SEO%20Blogspot%20%7C%20Bisnis%20Online%20%7C%20Blogger%20Tutorial%20%7C%20NamaBlog%27s%20Blog&content=&lng=id" share="[object Object]" class="addthis_button_myspace at300b" ost="1" conf="[object Object]" title="Send to MySpace"><span class="at300bs at15t_myspace"></span></a><a target="_blank" href="//www.addthis.com/bookmark.php?pub=NamaBlogsblog&v=250&source=tbx-250&tt=0&s=google&url=http%3A%2F%2FAlamatBlog.blogspot.com%2F&title=Belajar%20SEO%20Blogspot%20%7C%20Bisnis%20Online%20%7C%20Blogger%20Tutorial%20%7C%20NamaBlog%27s%20Blog&content=&lng=id" share="[object Object]" class="addthis_button_google at300b" ost="1" conf="[object Object]" title="Send to Google"><span class="at300bs at15t_google"></span></a><a target="_blank" href="//www.addthis.com/bookmark.php?pub=NamaBlog&v=250&source=tbx-250&tt=0&s=twitter&url=http%3A%2F%2FAlamatBlog.blogspot.com%2F&title=Belajar%20SEO%20Blogspot%20%7C%20Bisnis%20Online%20%7C%20Blogger%20Tutorial%20%7C%20NamaBlog%27s%20Blog&content=&lng=id" share="[object Object]" class="addthis_button_twitter at300b" ost="1" conf="[object Object]" title="Tweet This"><span class="at300bs at15t_twitter"></span></a><script src="http://s7.addthis.com/js/250/addthis_widget.js?pub=NamaBlog" type="text/javascript"></script><!-- AddThis Button END --><a alt="Subscribe using any feed reader!" href="http://www.addthis.com/feed.php?pub=NamaBlog&h1=http%3A%2F%2FAlamatBlog.blogspot.com%2Ffeeds%2Fposts%2Fdefault&t1=" target="_blank" onclick="return addthis_open(this, 'feed', 'http://AlamatBlog.blogspot.com/feeds/posts/default')"><img style="border-width: 0px;" alt="Subscribe" src="http://s7.addthis.com/static/btn/lg-feed-2-en.gif" height="16" width="125" /></a><script src="http://s7.addthis.com/js/250/addthis_widget.js?pub=NamaBlog" type="text/javascript"></script><div class="atclear"></div></div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=z33s&loc=en_US" ,="" popupwindow\="" );return="" true="" target="popupwindow" id="subscribe" onsubmit="window.open(\" scrollbars="yes,width=550,height=520\" style="border: 1px solid rgb(255, 255, 255); padding: 0px; text-align: left;" http:="" feedburner.google.com="" fb="" a="" mailverify?uri="BloggerDashboard" method="post" \=""><img style="vertical-align: middle; border: 0pt none;" src="http://i35.tinypic.com/ifv98i.jpg" /> <input ;}="" )="" width:280px="" enter="" email="" onfocus="if (this.value == " value="Enter your email..." address...="" id="subbox" onblur="if (this.value == " {this.value="style=" your="" name="email" type="text" />
<input value="http://feedburner.google.com/fb/a/mailverify?uri=z33s" name="url" type="hidden" />
<input value="Subscribe To Feed" name="title" type="hidden" />
<input value="en_US" name="loc" type="hidden" />
<input id="subbutton" value="Subscribe Now" type="submit" />
</form>

Keterangan:
==Cari NamaBlog Ganti dengan NamaBlog kalian
==Cari Alamatblog.blogspot.com Ganti dengan alamat Blog kalian

== Modifikasi 2

<style type="text/css">
#subscribe-box {
overflow: hidden;
margin: 10px 0 0 0;
}

#subscribe-box a.subscribe-sec {
display: inline-block;
display: -moz-inline-stack;
width: 40px;
padding-top: 38px;
zoom: 1;
}

#subscribe-box a.subscribe-sec:hover {
color: #660000;
}
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID-KALIAN', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Masukkan Email Untuk Berlangganan</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="FEEDBURNER-ID-KALIAN" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/USERNAME KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOHu8TFlgsxkrU0RSlCf7KjJqMBanttcuotBmCaL3ZOnuNHXp-_FF0x70S3v4GITdsKu9L_BE81vmYqbgMcHtpdHS0Eh562VNTvdnRLEwXeXpJ6rN0nj114AV3oSRdWULj7rtrS98NVz1/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/USERNAME KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihafYEQAYvijZ2jfUDEmf-VEn5LwkcBlQGvRCS00n5DVCo6KdG6wRyiCqhyphenhyphennF1zz63fU3FIkIX-nOQNa0adSseVrHUdmHcMIxoF6u-i7ZUdzevzxKygymc_wLRYqwy0jfef3c89_VE44Mq/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/USERNAME KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQRAev9rsB1XGBpLlXNOc5uP66DhEYpOur6BVCaQMJcaOtRRyATr4gkxJ4-vEbiTzq100YFT3m6k1mnY_v3di4c-wQ2gNGjHPIr2O-R_8FFOi337FyUVsBUk8gDHB0RfASGjWLYMdvJN_9/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/USERNAME KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpOEuKndwOwV-2RS6njsR5zDAR46L-QsuPMEKZNFu1_YMmX8_K_poeiV2Zsj4d2UtnFRn003jAFFModsXhWKHU5Qxx3DuPACrX1Y6REnqP5l3r7dYw06sq_IdxvXMFVVcNKSon2f3Qzk7/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/USERNAME KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5aFbhB2X8e33nc-LhRIKx53V6KJqI6_kKkNWxUlaAtJKUyZnicxzrnDRxfaFk5cuNl61mNy5MIIcYoropAnZTo6RZKSJik6pq-pkk-A3YqJbeKbVNEXB9SOEBVsdIDQ_k-d-jVHWa77Ym/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID KALIAN" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9LOv6fiVdnSK9o1ciNYp8PyeSwui0iUyUBmRA2kymvjLqsytU6goVzwZbU657HsRiDkcYFWOCBQboLuHGJW-A14ptnOB1a0XNligaO5Oiq1VVQRwJ8ugkS771t6WY46pa145oAhB2hoz/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

Keterangan :
== Ganti Feedburner-id-kalian
== Ganti Username kalian

Semoga artikel ini bisa membantu kalian, dan jangan lupa untuk selalu memberikan komentarnya ya... oia mau tahu tampilan modifikasi yang lainnya, silahkan KLIK DISINI.