Monday 22 December 2014

, ,

Install Social Content Locker In Blogger/blogspot blogs

Posted By: Human - 05:47

Share

& Comment

what if your social publicity is found on the lower position? Do you believe that visitors read your articles, however in no return of sharing or liking your articles, they simply read and exit? well then you must push your visitors to like or share your article to be able to read your content. This is exactly ideal method to boost your social traffic.
This possibly the most awful idea as this does not display the value of your articles. This is exactly why this particular locker was created to lock a particular part of your web page rather than the whole page. It tends to be applied endless times in one page. You can also alter the physical appearance of this locker for your personalized style.

Note: backup your template before start!

Go to 'Template' and click 'Edit HTML
Search <head> tag and  add this line after <head> tag





<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

   
Now search </head> tag

and past this code before </head> tag







Change red links with your own social links.


Adding more social buttons


 In this script there is only 3 button
facebook like, tweet, and G+

you can add more button by adding code from below
There are seven buttons available for content locking.

  • "facebook-like" 
  • "facebook-share" 
  • "google-plus" 
  • "google-share" 
  • "twitter-tweet" 
  • "twitter-follow"    
  • "linkedin-share" 
to add more buttons add code in this line from above code.
buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

Writing a post


In you blogger post html section add this code and replace green text with the text you want to hide :)
wow its really simple!

<article id="default-usage">
<div class="to-lock" style="display:none;">
Hello i am the hidden content
</div>
</article>

The original creatore of this awesome widget is Onepress-media and made for Wordpress blog.


Ask me in comments for any help.

About Human

A blog and its peaple who like and planned to share the things that people like

Copyright © 2013 Most Shared Posts™

Hosted on Blogger Platform.