How to Add a pop-up Social Sharing Window With Countdown Timer to Your Blogger Blog

Leave a Comment
In a post I have written previously, I demonstrated how to add a Facebook pop-up Like box to your blog. Now what if there is not only Facebook in the pop-up box but have more social sharing buttons like Twitter, Google+, Stumble Upon sharing buttons? That will be cool right? Your visitors will land into your blog and find the Social Sharing pop-up when the page loads and you might end up getting your blog page shared to some social network sites by
pop-up-social-sharing-buttons

some of the visitors. This will boost the social appearance of your blog and possibly drive a large amount of traffic from social media. The pop-up I am going to discuss will pop-up for a period of 30 seconds and asks your visitor to share or wait for the specified time. He/she may close the window if he/she wish to.

What is the benefit to add social sharing pop-up?

You know that social media takes a major role in driving traffic in this social media age. Many people come to visit your site from links they found on social media websites like facebook or twitter. So what is the fall if you get your content shared by some of your visitors to their respective social profiles and consequently their friends also comes to visit your blog? That will help to boost the daily page visit of your site. So why not add one? Lets start with the process of adding this social media sharing button pop-up to your blog.

Steps to add Social Media sharing button Pop-up box to Blogger:

Step I: I presume that you are logged into your blogger account and in your specific blog Dashboard. If you are not logged in, you have to log into your account.
Step II: Go to Layout. Then add a new HTML/Javascript Gadget wherever you want in your blog.


Step III: copy the following code snippet and paste it into the HTML/Javascript widget.
<link type="text/css" rel="stylesheet" href=" https://googledrive.com/host/0Bxkt_m71GCSOX1U2VDR5UkNnejA">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
<script type="text/javascript" src=" https://googledrive.com/host/0Bxkt_m71GCSObGxYem1CSWJBUGc">
</script>        
<script>       
$(document).ready(function(){
$().socialTrafficPop({timeout: 30,
title: "Welcome To TechBhuvan.com ",                   
message: 'Please Sahre and <em>Help Us To Grow</em>! ',
google_url: "https://plus.google.com/u/0/104145073681843312357",
google_size: "tall",
fb_url: "http://www.facebook.com/TechBhuvan",
fb_layout: "box_count", closeable: true,
advancedClose: false,
opacity: '0.45',
twitter_on: true              
});                  
});      
</script>
Remember to change the facebook and Google+ URL marked yellow in the above code with your respective URLs.
Step IV: Save your gadget and Save your template. You are done adding the pop-up social media button window. Now if you want to check it is working or not, open your blog URL in the browser and see for yourself. If you liked this post please share among your friends. If you have any question or confusion, please write a comment in the below comment window. Thanks. 

0 comments:

Post a Comment