Social Subscription Widget for Blogger | SEO BLOGGING TRICK

Share:

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:0000;
    padding:0000;
    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:06px6px0;
}
.socialicons_widget_sidebar li.facebook-icon {
    margin:06px00;
}
</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;”><atarget=“_blank”href=“http://www.twitter.com/SEOBLOGGINGTRICK”rel=“nofollow”><img src=“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEmca6XJ68Xngyrgb3YHYxSIoStNq9bNa8_5yYdDzUxbunckfSihzD8barP04Loc29PWoN8AoOOxdQCoM1VfSRiXObPjQTqYXr2CZc2q2hYHGGSepx729ZoVHKpWnJHBLxivdgsDwvoiXc/s1600/twitter.png”width=“147″height=“147″><span>Twitter</span></a></li>
<li class=“facebook-icon”style=“margin-top: -146px;”><atarget=“_blank”href=“http://www.facebook.com/pages/SEOBLOGGINGTRICKcom/170968129753532″rel=“nofollow”><img src=“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUDLyFdHRG-ucW1M6IGZNcVOE3CGEWo8hddDZxVnuesA1SpwavVxXnkyjzt26jcsqquxK-pFi2zW-ugPiSzIGiFEEvHR9hK8FbSuAxGQ-r5dHvVCHszFM01Ku774k6H24g_WaKxdhkPbg/s1600/facebook.png”width=“147″height=“147″><span>Facebook</span></a></li>
<li class=“rss-icon”style=“margin-top: 7px;”><atarget=“_blank”href=“http://feeds.feedburner.com/SEOBLOGGINGTRICK”rel=“nofollow”><img src=“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHqkSYU3bMsOWHCtjOyRgcTdFUdggxVw9roHJ_k9JUEz4aTAOk-WwkG6tLykz6WQDH8AlttPaUlO80fO1wdGkEuWlFEqJe6TWFTu635oKtHw8CU41U52j7mchLOhfcdXTx_Ndr9TM3l_4J/s1600/rss.png”width=“147″height=“147″><span>Rss Feed</span></a></li>
<li class=“google-icon”style=“margin-left: 155px;margin-top: -153px;”><atarget=“_blank”href=“https://plus.google.com/u/0/112339453683490280000″><img src=“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSOZMVA1IwGTCuEGf_nWpEquFh_tN0YCKlnVuqDhbu4vyTOB0lg1v8pcEJ5vAYrYstZPCFmR5_hTJLzQ8Sp3fIB17E5KkknyGwOEQUwEOYp8S1BZG7fcHA7j9TebUEmMyieqx6lfd5WsLF/s1600/google.png”width=“147″height=“147″><span>Google+</span></a></li>
</ul>
</div>
  • Replace SEOBLOGGINGTRICK with your Facebook page username, Twitter and RSS Feed.
  • Replace 112339453683490280000 with your Google Plus+ Profile id.
  • All Done! at last just press Save Button.
If you face any problem. Just Drop your comment.

No comments