How to Create a Social Content Locker for Blogger

Hi guys, it’s me again with yet another cool tutorial on How to Create a Social Content Locker for Blogger. Yes you read it right!! With this method you can lock any content of your blog with social buttons. Isn’t it amazing ??

What is a Social Content Locker and Why to use it ?

Well, a Social Content Locker allows you to lock any part of your content on a webpage until a user clicks one the social buttons (Tweet, G+, Facebook Like). This way you get more tweets, likes, shares etc thus giving you huge exposure.


We all put social sharing buttons on our blog posts/ websites but do we get enough shares?? No we don’t!! Only a small portion of our viewers help us by sharing our content while others don’t consider it.

It’s not the mistake of our viewers!! You should give them a reason to share or like your content, and this Social Content locker does the same for you. We will provide our viewers a reason to like or share our content and thus this will help us in getting huge traffic as well as exposure.

Method to Create a Social Content Locker in Blogger Blog

There are dozens of such social content locker plugins for WordPress blogs but we don’t have any plugins on blogger platform. Not to worry!! We have come up with one such great Locker which looks cool and stylish. And at the same time it will serve your purpose.

Steps:

  • Go to “Template” and click on “Edit HTML
Limon Islam
  • Search for </head> and paste the following code Above it. This line adds jQuery library in our template. Most of the templates already come with it, so in that case you can skip this step. 
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript' />
  • Now again search for </head> and paste the following code Above it.
<link href='https://7475c86c7b904ff243d5e5053fa73033884596a6.googledrive.com/host/0B9yW-IonjS65T0N0V1ltazF6SEE' rel='stylesheet'/>
<script src='https://0fbf35074d8fc72d66d79874501738c32737dc58.googledrive.com/host/0B9yW-IonjS65UGFwbWpxUlc5MFk' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$(‘#default-usage .to-lock’).sociallocker({
buttons: {order:[“facebook-like”,”twitter-tweet”,”google-plus”]},
twitter: {url:"http://www.iftiseo.com"},
facebook: {url:"https://www.facebook.com/iftiseo"},
google: {url:"https://www.iftiseo.com"},
text: { header: "Like us To Unlock This Content",
message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it." },
locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>
  • Replace the links with your links where you want likes or shares.
  • This is just a one time setup. Whenever you want to show this locker in any of your blog post or page, just add this code in your HTML blog post editor. Replace ADD YOUR CONTENT HERE with your content which you want lock.
<article id="default-usage">
<div class="to-lock" style="display:none;">
— ADD YOUR CONTENT HERE —
</div>
</article>

I hope you this tutorial will still help you gain some social signals and boost your traffic. Do leave your valuable comments below.

Comments

  1. Do you know that You can find any various of thing that you are looking for or any help you may need on one technology site.. What you need to do is to visit best technology site. They published, How To, Latest News, Phone Reviews, Crack Software, Custom ROM, Stock ROM, Custom Recovery, e.t.c
    Stay Connect With Sherotech An Gain More Onsherotech blog

    ReplyDelete
  2. We always remain prepared to supply greater than expected benefits to our customers. The best colors of life are Delhi and thus you have to observe the evenings here this ardent season. Help to create a secure payment only once you meet our escort. 100% confidentiality assurance can be found from our conclusion.
    Delhi escorts
    Pune escorts
    Mumbai escorts
    Jaipur escorts
    Goa escorts service
    Nainital escorts
    Dehradun escorts
    Haldwani escorts
    Haldwani escorts
    Gurgaon escorts

    ReplyDelete



  3. If you would like to book a Escorts Service in Aerocity for a upcoming time, you can use our mail reservation type where you can specify a substitute woman should your perfect

    option not be available. You will need to provide us with your real name on the reservation type, but be confident we are very distinct and will keep your private information private and protected. Check our other services...
    Call Girls in Mahipalpur
    Female Escorts in Mahipalpur
    Call Girls in Chanakyapuri
    Call Girls in Connaught Place



    ReplyDelete

  4. Each of the women associated with our agency is strictly professional when it comes to rendering her services to her clients. Russian Escorts in Jaipur here at our escort agency make sure that their talents are such that they will never fall short of giving the best of services to their clients. Check our other Services...
    Russian Escorts in Ahmedabad
    Russian Escorts in Jaipur
    Russian Escorts in Ahmedabad
    Russian Escorts in Ahmedabad

    ReplyDelete

Post a Comment

Popular posts from this blog

Microsoft Office 2010 Full Version with Serial Key [Free Download]

1000+ High PR Dofollow Forum Posting Sites List | 2015

Free High PR Dofollow Social Bookmarking Sites List | 2015