Social Share Unlocker Popup for Blogger



Social Share Unlocker Blogger
Today I am going to show how you can add Social Share Unlocker Popup for Blogger. After adding the code in your blog, you will see a one time popup which will require you to either Like, Google +1 or Follow you to see the contents of the blog. The timer can be adjusted according to your needs by default it is 60 seconds. You can also make the blog closeable and add a cross button by tweaking the settings. This box works on jQuery and also looks elegant.

This widget will be very effective in increasing your social counter and spreading your blog. Overall the CSS has been nicely coded to make the design look beautiful. You can see the live demo of this plugin by clicking the below button.




Once you have seen the demo we can proceed with the tutorial on how you can add Social Share Unlocker Popup to your blogger blog.



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='AllBloggerTricks';TWITTERKN='AllBloggerTrick';URLKN='http://www.allbloggertricks.com/';
//]]>
</script>
<link href='http://files.allbloggertricks.com/Scripts/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='http://files.allbloggertricks.com/Scripts/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. You are done now. Now you can gain more social shares whenever a new and unique visitors visits your blog by adding this Social Share Unlocker Popup for Blogger plugin. 

16 comments:

  1. How do i change the text part. The english there is incorrect. Can we change?

    ReplyDelete
    Replies
    1. Its in the external link. So maybe you can't edit it.

      Delete
  2. how come the fb like button doesn't work on my page?

    ReplyDelete
  3. yeah my fb like button doest work only google plus and twitter help!

    ReplyDelete
  4. FB button doesn't show up for me too.

    ReplyDelete
    Replies
    1. Can I get your blog URLs so that I can figure out the problem.

      Delete
  5. hello.. facebook button doesn't work for me, only show google + and twitter...

    ReplyDelete
  6. Facebook Like box is not working :( ....i think facebook app id is needed for this hey admin please do the required correction in code and edit the changes here soon please

    ReplyDelete
  7. I have an entertainment blog as http://www.chudasihousewife.com
    i am newbie at all dont know how to edit code and where have post this code
    if any kind here plz help me how to use pop up

    ReplyDelete
  8. Facebook like box doesnt show up on my blog only g+ and twitter works

    ReplyDelete