Stylish Widget Subscribtion Untuk blogger & WP

                                                 

Stylish widget subscribtion untuk blogger/blogspot dan Wordpress - Widget ini, saya rasa cocok untuk blog yang bertema bebas. Soalnya, warna dari widget kali ini warna - warni. Selengkapnya seperti gambar yang disamping. Atau, anda bisa melihat Live demonya DISINI.




How to use this widget?
-On Blogspot-
1. Dhasboard 
2. Layout/Tata Letak.
3. Add widget -> HTML/Javascript.
4. Save widget.

-On Wordpress-
1. Dasbord.
2. Appearance.
3. Available Widgets.
4. Salin code, lalu paste di Code.
5. Save widget.

Where is the code?

<div class="bd-chronicl-social">

<ul>
<li><a class="rss" href="http://feeds.feedburner.com/infoiki">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/infoiki">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/infoiki ">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/u/0/106217413057730068744">Join me on Google+</a></li>
<li><a class="pinterest" href="http://pinterest.com/infoiki">Connect with me on Pinterest</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/yustin.annisa">Watch me on YouTube</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/
.bd-chronicl-social {  width: 320px;  margin: -10px;  }
.bd-chronicl-social ul {  margin: 0;  padding: 0;  }
.bd-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.bd-chronicl-social ul li a {   color: #fff;   display:block;  }
.bd-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.bd-chronicl-social ul li .rss { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZBqGq1FYw-hdmMuGRb4GouojQ4-StmIKiAIoUMandbWtv4OALj26jtsOiDCuBAnsCDNgGezWddI0v5XVzSPg9E1H2l2maqMbLBiac86BrBsINrEH-iXawyGyTRNlQvPuZV2HdAyRyea0/s1600/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwUc6uQd4iyBykojp0zbuGTOQRTN519DBSn3o8wRILtRSIFioJxGgw2DolfCc8ESdGzEcyF9Po4Uw6GQ02ghsCYR91KUUVea4Wl4zdIG3KBP5-m_Qzh96aR1BwbFZsdq6RLfpk8VSjjg/s1600/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.bd-chronicl-social ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdES5jVuUleIohe2yLBAqUVXI9Zp3dBBpRdayiqfDydhW2qcMw89Vv9oR3JtB4vtUuiusRAk1LxJ-Rcck4Cn2p8NztTD0uCfJTQsGvMDgy3vvkELNSTqwnL42z_x7tRrUZ8EE5gdc9bpE/s1600/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiIZPDZ7wxWV0Hkuv_wAKr2zHCFuIwoa9Wte9wtzjvVIJNA6dwJpyGu2xSdLO0JPqWakKxF0DLNUFK2YdIYAij_FaJTMpzZcd3tkiXzWDdtcp_Gu6YW8cxd6_4dWTfzHYcyhQIZWaakE/s1600/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .pinterest { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigAOC_Ob7H-mx2i3vhaM_JB92q__hPxLXJRcm6SJ5-h0FQRpnd3SAvKX5UFQqx9vUgUwnC5yqzsrweL3IT2RzicDbPXr4X1VNYqC6prNYmxRthI8NWlDkhsGCR7CgCUebyHR8V0PAAipQ/s1600/pinterest.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNs9qsVKioIdZjrVJpXnI1TU5tBElb-YQKtocqlSTaun4OcEgIL9fCqJ1frAVOSCDcClZT3bQJ0xYwUNq6td0kQExKCj539AKSgMJXlkBfUGT1QVIOgHw98XH4j0GIfETncous3u5Dvs4/s1600/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style><a href="http://infoiki.blogspot.com/2012/08/stylish-widget-subscribtion-untuk.html" target="_blank"><span style="font-size: xx-small;">Grab widget!</span></a></div>

 NOTES : Ganti kode berwarna kuning dengan url akun anda.