Modifikasi Email Subcribe Feedburner Dan Social Share Berputar

Modifikasi Email Subcribe Feedburner Dan Social Share Berputar - Email Subcribe Feedburner dan tombol share di blog sangatlah penting untuk meningkatkan trafik blog. Agar nantinya para pengunjung blog mau untuk berlangganan dan share artikel blog anda tentunya anda juga harus bisa menarik perhatian mata pengunjung. Untuk melakukan hal ini tidaklah sulit karena sudah saya sediakan pada postingan ini dengan modifikasi sehingga tampilan kotak feedburner menjadi lebih menarik dan dilengkapi dengan tombol share yang bisa berputar. Sehingga pengunjung bisa menikmati blog anda yang rapi dan teratur. Berikut tutorial untuk Modifikasi Email Subcribe Feedburner Dan Social Share Berputar di blog :

1. Login ke blog lalu klik Tata Letak > Tambah Widget > pilih HTML/Java Script.

2. Lalu Masukan kode berikut ini :

<style>
.form{border:2px solid #ff0000;background:#fff padding:3px;width:308px;height:230px;-moz-border-radius:6px}
.rss{background:url("http://i56.tinypic.com/5y6kxi.png") no-repeat top right}
.button{background:#9b9b9b;color:#FFF;font-size:11px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #ff0000;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:5px}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;">
<a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_lG-hvNpIkwky8i4ZeR-p3wlY-zS34ybps55rzgWdthAYwg1F16YBKUcEejCbWfD4BoU8ry_YNAnDZPwB7WUD8ceOrEPCSFP7XtHQ52A4DCOZO0IXcGRVf3ALHkdXD8bvWnfKxLeKoqN/s144/rss%20feed%20icon.gif" /></a>
<a href="http://feeds.feedburner.com/masandes"><blink>GET UPDATE VIA RSS</blink></a></div> <div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini:</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=MasAndes', '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:18px" 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="MasAndes" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<style>
#social a:hover {background-color: transparent;opacity:0.7;}
#social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
#social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
</style>
<center>
<div id="social">
<!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/masandes" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNEUngRXN0t7lWiNsAJH5CunM2i8SeHWy6Onha_9_WPkpJk5UOyGhIp3sPS_7zsryVAuht-60V0jjSE1onMIBBDYW8qA6OKTSDYivK4Yb_PP3ogdTWAK1zpUUtYZG5U-wg05-NWB_sIV5J/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon-->
<!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="http://feeds.feedburner.com/masandes" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzEoQEHnjUYqMnJ7GlyTMOhqrU1_8jQow5mFyC1oovqBrnamwJdiy3OCPiv9DYoDgNOzLCj7Gz9T0O6yo483a59-Mvm7znayKdG0TcCBJ_3s_1GQQhknoB13GlTSxrGdmKr7xV40UtmgOk/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon-->
<!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/andesrizky" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SBOQuxhSqHeAU4eLEHCO1XOObZXeZ0h8cRyNhnel7_xeR2jouP5EhUbse4wGVE9-5HY_Prj2sIObKnEyHfFoMKBtlWruKcDUQEKYsBbyQA-0ZKC5_UwFJSfc5mNzoYnI9ChZvu_da6px/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon-->
<!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/rizkyandes" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogRYU31dot6eECeqIsIg2gzLS4z2NY_6kOzEqetyA9Pw-nCKCGLvD3Ra3T6ND3me9kQBdxNQ0k7rLiGOkv-CEFJjEsejI0Z53hnZ8zg3l1Kdwp61wMUbo3LKrbpVDivTThSq6eMhfNloT/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon-->
<!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/104093787575230359634" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHTQvQpgY9n6QoN_suUmxj2xdYlEx-EiZCISjMHhxLRaz4B1q3ucQq3OYAX-CG3RbeX5yl9VxgXBBgDS-WOU-RCIfPw5bIYy3vPkzdUwCxJSl-eQ9UStEi6mLMMU3z_Q6eqH0wlDUhA-K/s1600/GOOGLE-PLUS-48x48.png"/></a>
</div></center> </div></div>

Keterangan:
Ganti tulisan warna merah dengan ID Feedburner anda.
Ganti tulisan warna orange dengan ID Facebook anda.
Ganti tulisan warna ungu dengan ID Twitter anda.
Ganti tulisan warna biru dengan ID Google+ anda.

3. Simpan dan lihat hasilnya.