Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

Download our app on Google Play Store

Saturday, April 13, 2013

Add Pro Social Subscription Widget to blogger

Perhaps you tired of the traditional subscription widgets that shared by some bloggers on their blogs, or maybe you are now looking for professional widget helps to increase fans and followers to your accounts on Facebook, Twitter, Google Plus and Pinterest.
In addition to the elegance of this tool, it draws the attention of the visitors greatly and is something which will bring more visitors inevitably. you can take a look at the picture below.


At any time, you can read our previous posts about social and subscription box with buttons  that i have shared recently :

Add 3 in 1 Floating Subscription Widget for blogger.

Add the official Google +1 button to blogger.

Add a Stylish Floating Bar to Increase Number Of Subscriptions For Blogspot.

  •  Login to Blogger.com » Layout » Add HTML/Javascript.

Copy the below code and past it into HTML/Javascript.

<style>/*--- MBL Advance Social Gadget --- */#socialwid { font-family:Arial, serif; text-transform: uppercase;font-weight:bold; font-size:15px; color:white; text-align:center; margin-top:10px;}
#socialwid a {color:inherit;}
#mbladvance-sub div *{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mbladvance-sub div #likered{background-image:url(https://lh5.googleusercontent.com/-0R6pY5GIMp0/UWw3CDKcdmI/AAAAAAAAAK4/cUPn_RJOg_8/h57/add-pro-social-subscription-widget.png)!important;background-position:top left;background-repeat:no-repeat;height:242px;width:300px;}#mbladvance-sub div{margin:0;padding:0;background-image:none!important;}
#mbladvance-sub{margin-bottom:15px;height:250px; background-color:#ffffff}</style>
<div id="mbladvance-sub" style="height: 257px!important;" class="block"><div>
<div id="likered" style="height:257px!important;"><div style="height: 47px;"></div>
<!--Google +1/Follow--><div style="width:300px; height:54px;overflow:hidden;border: 3px solid #8ec801;border-bottom: none;border-top: none; margin-top:1px;"><span style="width:75px;display:inline-block;float:left;padding: 15px 0 0 23px; "><div class="g-plusone" data-href="http://myway2blogging.blogspot.com/"></div></span>
<span style="display:inline-block; width:170px;float:right;"><div class="g-plus" data-href="https://plus.google.com/112474019739962841696" data-width="170" data-height="69"></div></span></div>
<!--Facebook Like--> <div style="border:1px solid #8ec801;padding:10px 10px 0 10px; border: 3px solid #8ec801;border-top: 1px solid #8ec801; border-bottom:none;"><iframe src="//www.facebook.com/plugins/like.php?href=facebook.com%2FPro.widgets&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=36" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:36px;" allowtransparency="true"></iframe></div>
<!--Twitter Tweet/Follow--> <div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801;border-bottom: none; padding:10px 0 5px 10px;height: 50px;"><span style="display:inline-block; width:195px;height: 35px;float: left;"><a href="http://twitter.com/mywaytoblogging" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @MyWayToBlogging</a></span> <span style="display:inline-block;width:78px; overflow: hidden;line-height: 0;float: left;"><a href="http://myway2blogging.blogspot.com/" class="twitter-share-button" data-show-count="false" data-size="large" data-text="The Best Way to Make Your Self a Pro Blogger" data-url="http://myway2blogging.blogspot.com/" data-via="mywaytoblogging" data-hashtags="design">Tweet</a></span> </div>
<!--Blogger--><div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801; padding:8px 0 5px 10px;height: 54px;"><span style="display:inline-block; width: 120px;height: 30px;overflow: hidden;line-height: 0;float:left;margin-left: 16px;"><a href="http://www.blogger.com/" target="_blank"><img style="margin-top: 2px;" src="http://4.bp.blogspot.com/-LO8zBXlF3kg/UQwPQA8ZXeI/AAAAAAAAAjg/WZ_Iabacd6g/s1600/Blogger%2Bicon.gif" width="110" /></a></span>
<!--Pinterest--> <span style="display:inline-block;width: 111px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"><a href=" http://pinterest.com/geekkarim" target="_blank"><img style="margin-top: 3px;" src="http://1.bp.blogspot.com/-5fzEARqWUSE/UQwPZo0cYEI/AAAAAAAAAjw/2lt8nlPEyOw/s1600/Pinterest%2Bicon.png" /></a><span style="display:inline-block;width:1px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"><div id="socialwid"></div></span></span></div><script src='http://mybloggerlab.com/Scripts/advsub.js' type='text/javascript'></div></div></div>

Settings:

  •   For your blog replace all bloggertrix links as this http://myway2blogging.blogspot.com/ with your Website URL.
  •   For Google Plus, replace http://plus.google.com/u/0/112474019739962841696with your Google Plus.
  •   For Facebook button, replace Pro.widgets with your Facebook Page username.
  •   For Twitter follow, replace http://twitter.com/mywaytoblogging with your Twitter account’s URL.  and replace this mywaytoblogging by your twitter username.
  •   For Pinterest button, replace http://pinterest.com/geekkarim with your Pinterest account URL.
  •   For Blogger button, replace http://www.blogger.com/ with your Blogger Profile.
  • Press save and take a look :) .

Need Help?

You may have problems during installation, in this case feel free to put your problem in a comment and i'll answer you as soon as possible.
To a meeting soon, I hope you like this post, and do not hesitate to share it with the whole world.

Credits: This widget is by MyBloggerLab.
Like the Post? Share with your Friends:-

Team SB
Posted By: Team SB

0 comments :

POST A COMMENT

Download our app on Google Play Store

Contact Us

Name

Email *

Message *

 
Copyright © . Skill Blogger . All Rights Reserved.
Designed by :- Way2themes