Wednesday, July 23, 2014

Social Share Unlocker Popup for Blogger



Step 1 : Adding the code


Firstly go to Blog Title → Template → Edit HTML and search for the code </body> and paste the below given code just above it.
  



<script type='text/javascript'>
//<![CDATA[
        TITLEKN='Blog';FBKN='https://www.facebook.com/under.o.s';
TWITTERKN='#';
URLKN='http://kalugejs.blogspot.com/';
//]]>
</script>
<link href='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-unlocker-popup.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-unlocker-popup.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                         
        $().KN3IN1({
            timeout: 60,
            wait: 0,
            closeable: false        });
});
//]]>
</script>



 After adding the code follow Step 2 for the settings.


Step 2 : Settings


Change the text in blue with your username of Facebook and Twitter. Change the URL to the one in which you want to get Google +1.

Change 60 with your desired no. of seconds you want the popup to appear.
Change  false to true if you want the popup to be closeable and add a cross button in the popup.

After configuring the code save the template.

0 Comments:

Post a Comment