Media Magazine

Add Share To Unlock Social Content Locker In Blogger

Posted on the 25 May 2016 by Jani18
Social sharing website are very popular now a days.Social content locker widget helps bloggers to gain little more likes and shares.This content locker widget include facebook, twitter and google plus share buttons.Billions of people daily visit social sharing websites.you can not ignore its importance, it is a good way to boost your traffic.Many professional blogger only getting traffic from social sharing sites.Search engine are updating algorithm frequently, social signals are also make count in your website ranking.I personally experience its value when i start using facebook twitter and other websites for promotion of website.
share to unlock in blogger
It is a bare fact that all blogger add social sharing buttons in their blogs but still there are some people who do no like to appreciate your work.They have enough time to read the article but they have no time to share and like your post.Actually they have time to like but they do not hit like button.Today i am introducing you a widget for blogger that can force your readers to hit on share button.
Today we will add social content share locker in blogger.you can lock any downloading link or any other content.When visitor go to that page, a pop up appears, which ask to like and share to unlock.If you lock a downloading link and visitor try to click on that link, spontaneous pop up appear asking to hit like and share button to unlock content

How to add share to unlock in blogger


Search for
</head>

Before </head>  paste the given code
<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>

Save the template.
Make new post or edit old post.Go to Html editor of post.
Paste the below code.
Replace "Add_Hidden_Image_Here" with the Image url you want to lock.Replace "Add Your Hidden Text Here" With the text that you want to lock.
<article id="default-usage">
<div class="to-lock" style="display: none;">
   
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>
<div style="text-align: justify">
Add Your Hidden Text Here</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "https://twitter.com/your account",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/page url",
appId: "1469022373353333"
},
google: {
url: "https://plus.google.com/u/0/115165309413108113943"
}
});
});;;;
   
</script>

Now Replace the Twitter, google plus link with your pages, also change facebook page and api with yours which is Highlighted in red color.
Recommendation
Try to avoid using social sharing content locker on every post because it can make visitors irritate and they can leave your blog.your content locker widget share to unlock is installed.Now its your turn to hit like button.
Search Tags:like to unlock, share to unlock widget for blogger,social content locker for blogger.

Back to Featured Articles on Logo Paperblog