Something is fishy happening in google headquarters every day they started the morning with a new penalty for bloggers and webmasters by releasing algorithm updates,changing there polices and doing something strange to keep SERP clean. They have released latest algo updates two times a month in the history of algorithms.
So bloggers and webmasters keeping google aside are taking shadows of social media quality Dofollow backlinks to genrate there traffic and revenue.So here we are today we have relased the widget to solve all these problems with the simplicity and with the great ease colourfull social buttons with hover effect which will enhance your blog beauty we have put a new entire look to it which will greatly enhance your visitors so in this post we will tell you ,How to add colourfull social buttons with hover effect to your blogger blog.
How To Add Social Media Buttons To Your Blogger Sidebar
- Go to your blog Layout section > Add A Gadget > HTML
- Paste the above whole html code in it and save it
<div class="widget-wrap"> <div class="textwidget"><div class="btnt-chronicl-social"><ul><li><a class="rss" href="http://feeds.feedburner.com/blogging-heaven" target="_blank" rel="nofollow">Subscribe to the RSS Feed</a></li><li><a class="twitter" href="https://twitter.com/bloggingheaven" target="_blank">Follow us on Twitter</a></li><li><a class="facebook" href="http://www.facebook.com/bloggingheaven" target="_blank" rel="nofollow">Find us on Facebook</a></li><li><a class="google" href="https://plus.google.com/b/117673509889199905342/117673509889199905342" target="_blank" rel="nofollow">Join us on Google+</a></li><li><a class="linkedin" href="http://my.linkedin.com/bloggingheaven/" rel="nofollow" target="_blank">Connect with me on LinkedIn</a></li></ul></div><style type="text/css">/*<![CDATA[*/ .btnt-chronicl-social { width: 270px; margin: -10px; }.btnt-chronicl-social ul { margin: 0; padding: 0; }.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }.btnt-chronicl-social ul li a { color: #fff; display:block; }.btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; }.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }/*]]>*/</style></div> </div>
Change The Username In The Code
- Red one with your feedburner username
- Brown one with your twitter username
- Green one with your facebook username
- Blue one with your linked in username
<li><a class="linkedin" href="http://my.linkedin.com/bloggingheaven/" rel="nofollow" target="_blank">Connect with me on LinkedIn</a></li>
Author`s Desk > > >
- Have i missed something important in the widget?
- Is there any error regarding this widget?
- what are your thoughts about google?
- Do you like this gadget
