Social Share Unlocker Popup for Blogger

Posted On // 15 comments


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. 

15 comments

Rafay Ghafoor Author
29 June 2013 at 08:05

Awesome info

Reply
18 August 2013 at 01:38

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

Reply
18 August 2013 at 08:17

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

Reply
28 August 2013 at 13:47

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

Reply
29 August 2013 at 01:59

Can you be more specific please.

Reply
Jack Cruz Author
22 October 2013 at 11:31

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

Reply
Santosh Author
27 October 2013 at 14:36

FB button doesn't show up for me too.

Reply
29 October 2013 at 01:55

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

Reply
Jordi Author
16 November 2013 at 10:45

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

Reply
Abdul Hafiz Author
21 November 2013 at 07:20

Thanks :D

Reply
14 January 2014 at 05:39

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

Reply
18 August 2014 at 04:17

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

Reply
Mani Author
15 October 2015 at 06:45

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

Reply
Shafi Khan Author
15 January 2016 at 07:28

Not working on my blog :(

Reply
Mani Kiriti Author
24 January 2016 at 03:02

popup doesnt work

Reply

Post a Comment

Please do not spam here. All comments will be moderated.
Don't You Think this Awesome Post should be shared ??
| Social Share Unlocker Popup for Blogger |