Stylish Subscription Widget For Blogger and WordPress – Blogs Daddy

Adding Stylish Subscription Widget 

Code For Stylish Subscription Widget

  • Go to Dashboard > Design > Page Elements.
  • Click Add A Gadget. In window, select HTML/Javascript .
  • Copy the code below and paste it inside the box.
  • Save The Gadget
  • Go to Dashboard > Appearance > Widgets > Available Widgets
  • Drag Text Widget Into a Sidebar.
  • Paste In The Code.
  • Save Widget & Its Done

<div class=”bd-chronicl-social”>
<ul>
<li><a class=”rss” href=”http://feeds.feedburner.com/BlogsDaddy“>Subscribe to the RSS Feed</a></li>
<li><a class=”twitter” href=”https://twitter.com/BlogsDaddy “>Follow me on Twitter</a></li>
<li><a class=”facebook” href=”https://www.facebook.com/BlogsDaddy “>Find me on Facebook</a></li>
<li><a class=”google” href=”https://plus.google.com/u/0/106217413057730068740“>Join me on Google+</a></li>
<li><a class=”pinterest” href=”http://pinterest.com/gaganmasoun“>Connect with me on Pinterest</a></li>
<li><a class=”youtube” href=”http://www.youtube.com/user/5abiRaag“>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(“http://1.bp.blogspot.com/-kCiod-MgBhY/UDSyN49GSlI/AAAAAAAAV64/GjKmCAhJ__U/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(“http://3.bp.blogspot.com/-ZVi2yz4yfS0/UDSyOgGY2XI/AAAAAAAAV7A/5k99_VcIk4k/s1600/Twitter.png”) no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.bd-chronicl-social ul li .facebook { background: url(“http://1.bp.blogspot.com/-sT3o5QHsOKk/UDSyNME7MQI/AAAAAAAAV60/8rB8PYZd9tE/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(“http://2.bp.blogspot.com/-ynK04jSIASo/UDSyQTQw2jI/AAAAAAAAV7Q/lOy_GFQYQ3A/s1600/google.png”) no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .pinterest { background: url(“http://4.bp.blogspot.com/-VDKHtZMx8yA/UDSyRC8xOCI/AAAAAAAAV7Y/yqI4EEKXTJo/s1600/pinterest.png”) no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.bd-chronicl-social ul li .youtube { background: url(“http://1.bp.blogspot.com/-TofGg5AGjp4/UDSyPmor9LI/AAAAAAAAV7I/cuYiwagYQqk/s1600/Youtube-1.png”) no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>

Did you Like this article?

Share
the
Love
Get FREE Updates

Get Freebies, updates and Special offers straight into your inbox.





Chronicl Thesis SkinAdding Subscription Widget To BloggerAdding Subscription Widget To WordPressRemember Notes :yellowsubscription widgetLive Demo