How to Create Social content Locker in Blogger Post

Blogger is the best and most popular free blogging platform all over the world.in Bloggers there are many features and tricks that helps you to make you blog good looking and great.Today i am going to share another useful trick for blogger users, that is "How to Create Social content Locker in Blogger Post."
First of all the question is that,what is social content locker? I'ts a great feature for post in which you can lock specific picture,videos,link,audio or a specific text file or area with social media locker.When a person like your post on share media i.e Facebook,Twitter Or Google+ then that locked area will be visible to that person.It's a great trick to rank your website in social media and get more traffic from social media to overall rank you website. let's follow the step to learn How to add Social content Locker in Blogger blog.

Also Read: How to Place Google Adsense Below Blogger Post Title

Steps: How to Create Social content Locker in Blogger Post

• First of all login to blogger account and go to the "Template" option in the left sidebar of your Blogger dashboard.Here you have to click on "Edit HTML."
• Now click anywhere in the HTML codes of your blogger template and press "CTRL+F" button from your computer keyboard.You will see an little search box will appear in the top right sidebar of your html codes.
• In the search box type </head> and click enter.Now you have to copy following java scripts codes and paste just below the </head>.
  <script src=’http://code.jquery.com/jquery-1.10.2.min.js’ type=’text/javascript’/> <link href=’https://googledrive.com/host/0B_1mqJd2tC8qeDVzSnBJMDh5WUk’ rel=’stylesheet’/> <script src=’https://googledrive.com/host/0B_1mqJd2tC8qbGdmQzRZVGk3bXM’ 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://twitter.com/pkhowto“}, facebook: {url:”https://www.facebook.com/pkhowto“}, google: {url:”https://plus.google.com/+m=MrRebelz“}, text: { header: “Like us To Unlock This Content“, message: “This content is locked. Like us on Facebook, Twitter or Google plus to unlock it.” }, locker: {close: false, timer: 0,}, theme: “dandyish” }); }); //]]> </script>
• In these codes just replace the following links with your won links
  
  twitter: {url:”http://twitter.com/pkhowto“},
  facebook: {url:”https://www.facebook.com/pkhowto“},
  google: {url:”https://plus.google.com/+m=MrRebelz“},
• Now click on Save templates.Your blogger templates have been saved.Now you have successfully installed social content locker in your blogger blog.Now you have to insert this locker in any of your Post.
• Now you have to put below codes in html of your desired post in which your want to insert Social content locker.
  <article id=”default-usage”> <div class=”to-lock” style=”display:none;”> – ADD YOUR CONTENT HERE – </div> </article>
  
• In these codes you have to replace "– ADD YOUR CONTENT HERE –" with your image, link,videos or audio or any other file which you want to lock.And then publish your Post.

You have successfully insert Social content locker post in your blog.If you like this article please share with your friends and social media.If any type of help you need, don't hesitate to comment here.I will try to resolve your problem.