Social Subscription Widget for Blogger

on
We can call it a Subscribe Us widget that you can use on blogger. It has option for Facebook,Twitter, RSS and Google+. It possess nice bright backgrounds with a hover effect that makes it look really awesome. It has a nice opacity change effect on hover that makes it look more beatiful and attractive. This widget can attract more users to your Blog.

How To Add Social Subscription Widget to Blogger:

  • Login into your Blogger Acount
  • Go to Layout
  • Choose add a gadget
  • Select HTML/JavaScript
  • Paste the following code inside it
<style>
.socialicons_widget_sidebar li {
    float: left;
    width: 147px;
    height: 147px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
}
.socialicons_widget_sidebar li a {
    line-height: 1px;
    display: block;
}
.socialicons_widget_sidebar li a:hover img {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.socialicons_widget_sidebar li a span {
    display: none;
}
.socialicons_widget_sidebar li.rss-icon {
    margin: 0 6px 6px 0;
}
.socialicons_widget_sidebar li.facebook-icon {
    margin: 0 6px 0 0;
}
</style>
<div id="socialicons_widget_sidebar-2" class="row widget socialicons_widget_sidebar">
<ul style="margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;">
<li class="twitter-icon" style="margin-left: 155px;"><a target="_blank" href="http://www.twitter.com/bloggerhelp24" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9kvIOjizll9cKLIfiNmNmTCGj4h9zCkYdBofQ6gPhqWbAfh7C3P6whCM-1F3HGpUr5RtA3dQYD5hX4X9QeEK7rRIyoaO-PBn5H7md_YXeRZ48Te6LmmbufflAw0He7HiVBMXjHgK5RIn/s1600/twitter.png" width="147" height="147"><span>Twitter</span></a></li>
<li class="facebook-icon" style="margin-top: -146px;"><a target="_blank" href="http://www.facebook.com/bloggerhelp24" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ue0H-jWncZiPr6M6dgSjUSV4lEvNDehRoQ25due_wJiPXs2X5CuDwm550_czAX-Y93kIcfxrMglriuvY-bsYqem2J2Y29TjUpjWZ15pek936zOVYq-jAg4wNDCVhy1Dsn7mLU7hszUzq/s1600/facebook.png" width="147" height="147"><span>Facebook</span></a></li>
<li class="rss-icon" style="margin-top: 7px;"><a target="_blank" href="http://feeds.feedburner.com/bloggerhelp24" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW3k0c0_jxYyb1gkGmftdoKVuQL7uFArRcLENPZaGz5MLGGEJc49pOdDCryzALReRGeEnV0ZZ93P_AjJrypf9dicWC_4tWfg8HMG4fY0KdiCCdwIIpTTSbqVgS3KM5GCnON9fzXIa3Ekap/s1600/rss.png" width="147" height="147"><span>Rss Feed</span></a></li>
<li class="google-icon" style="margin-left: 155px;margin-top: -153px;"><a target="_blank" href="https://plus.google.com/u/0/112339482383490284537"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihznC-5hvaKSB2VEFSHGWZKkJllZQs-uEGI6ZiFzCrsoDgdAG6dTsvdDTI71VltrWTK6OeCCXCUFFC_5b1dMQbgMZUZkp_g8jIWdk4DsGL911cEqCNhSvpPchfeoyHqYTFWSTYVdp3RpPB/s1600/google.png" width="147" height="147"><span>Google+</span></a></li>
</ul>
</div>

  • Replace bloggerhelp24 with your Facebook page username, Twitter and RSS Feed.
  • Replace 112339482383490284537 with your Google Plus+ Profile id.
  • All Done! at last just press Save Button.

If you face any problem. Just Drop your comment.

Comments

Post a Comment