Social media has a very important role in blog traffic building.Not only does it bring traffic , it also helps you proof that your blog is well known in this blogging eternity.However good your blog and your blog posts be , readers are reluctant to share your blog. There are very few blog readers who actually hit that share button and help in your cause.But once you reach that "pro blogger's mark" readers tend to share your blog posts.But till then you need to find out ways and means by which you make your readers hit that share button frequently.
Today's post will help you force your readers share your blog.It is a well designed box with google + , facebook and twiter.The time can be changed and hence making it flexible.
Adding the Widget
- Go to blogger
- Navigate to Layout > Add a Gadget > Html / Javascript
- Paste the following code in it
<!-- Facebook Like Box Pop Up Widget -->
<script type="text/javascript">TITLEKN="Blog";FBKN="Bloggerunlocker";TWITTERKN="bloggerunlocker";URLKN="https://plus.google.com/101842263274951672461"</script>
<style>#stp-bg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:998;}#stp-main{position:fixed;top:220px;_position:absolute; /* hack for IE 6*/display:none;width:450px;border:7px solid #2f2f2f;background:#ccc;z-index:999;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif !important;font-size:13px;}#stp-title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;font-size:18px;padding:13px 0 13px 15px;}#stp-close{float:right;font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;color:#777777 !important;margin:0 13px 0 0;border-bottom:0px !important;text-decoration:none !important;}#stp-close:hover{text-decoration:none !important;}#stp-msg{background:#4074CF;padding:10px 15px;color:#ffffff;font-family:Arial, Helvetica, sans-serif !important;font-weight:bold;line-height:20px;}#stp-buttons{margin:25px 0px 25px 0;padding:0 0 0 15px;}#stp-bottom{padding:15px 10px;background:#EFEFEF;color:#95989F;border-top:1px solid #DDE0E8;}#stp-counter{font-size:11px !important;text-align:right;font-weight:bold;}.stp-button{float:left;width:120px;}.step-clear{clear:both !important;}</style>
<script src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://6678a.googlecode.com/files/yourpcgenie%20%281%29.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
$().KN3IN1({
timeout: 60,
wait: 0,
closeable: false });
});
</script>
<!-- Facebook Like Box Pop Up Widget YourPcGenie -->
Customizations
- bloggerunlocker - Your facebook page
- shipsocker - Your Twitter username
- 101842263274951672461 - Google Plus Id
- timeout: 60, - Change the value to change the wait time. The units are seconds so adjust it accordingly.
- wait: 0 - Change 0 to the number of days after which you want to display the box again
- closeable: false - Change it to true if you want it to have a close button
Twitter Button - FIX
If you find that the follow button is not being displayed properly follow these steps
- Go to blogger
- Navigate to Template > Edit Html > Proceed
- Search for <head>
- Paste this code above it
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
- Save your tempalte
Note:- Only change the links and keep the settings default to gain maximum output from it
If you find any difficulties in the code above , do not hesitate and comment below.Negative views ? No worries .. we will be glad to have them :D PEACE
EmoticonEmoticon