How to Create a Social Content Locker for Blogger

So, You want to boost your Website’s Traffic? There are tons of professional Bloggers who entirely depends on the Social Traffic. However, it is extremely difficult to get social exposure quickly. Though, there are some widgets which help to increase social followers, but it is not enough. If we want to dominate the social web, then we have to make use of each and every opportunity that we have. For that reason, we have come up with one of the much anticipated Social Widget of all time, Social Content Locker. 

Social Locker consists of three social buttons and a locker displaying horizontally. The Social buttons consist of Facebook, Twitter and Google plus. Whenever, a person would either press Like, Tweet or Plus one button it would display the hidden content. This allows a person to get more real social followers. 

Example: http://bestsellers.pinoydown.com/2013/03/black-knights-inc-series-by-julie-ann.html

How to install Social Content Locker in Blogger?

The Steps are extremely straightforward that even a small kid can follow it. There is no need of learning any Html coding because all we have to do is to copy paste the coding. Just follow the following instructions. 

• Go To Blogger.com >> Template >> Edit HTML >> Proceed.
• Search for </head> just and above it paste the following CSS Coding.

• After pasting the coding save the template and proceed to next step.

How to add Social Content Locker in Blogger Post?

Now whenever a person wants to add a Social content locker in his specific article, then he can follow the following instructions.  

• Go To Blogger.com >> New Post.
• Select the HTML Tab from the blogger post editor and paste the following coding.

• For Facebook: Replace http://www.facebook.com/givemefreesoftware with your Facebook Page.
• For Twitter: Replace http://www.win8activation.blogspot.com with your Website's URL or etc. 
• For Google+: Replace http://www.pinoydown.com with the URL of your website or post.
• Replace Add_Hidden_Image_Here with the Image that you want to Hide.
• Replace "Add Your Hidden Text Here" With the text that you want to hide from users.

Remember: Don't forgot to Add Facebook App ID otherwise the Facebook Like button will not appear properly. i.e. Replace 337462366354755 from above coding. 

All Done: That's All, we hope this widget would help everyone to magnetize more social followers on your website. Feel free to leave your comment.