Social Content's Locker |
This is very simple trick and requires just nothing except some straight forward and easy script. Let's Work on It, features and uses first. When you add this to specific post for particular content or the download links it will look following Pic and when visitor shares to unlock it will disappear and will be replaced with the hidden content.
Features of Social Content's Locker (share to Unlock Post)
1) A very simple but attractive look.
2) No Confusion and Easy to access for a visitor.
3) Facebook,Google Plus, and Twitter, buttons added.
4) You can easy to customize and add more buttons.
5) It help to increase your social enhancement.
Uses Social Content's Locker (share to Unlock Post)
1) The main use of these plugin is to hide any type of content in your post.
2) Most of bloggers used to lock their Contents.
3) Increase your social appearance in targeted users as content will be shared by a person who want to study you contents.
How To Install Social Content Locker:
1) Log in blogger Dashboard and go to the template.
Social Content's Locker |
2) Edit HTML>> press CTRL+F to search the following code:
Social Content's Locker |
</head>
3) Above </head> paste the following script:
<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>
4) Save the template now.
Hide post Content's With Social Content Locker:
Follow these steps to lock your content particular in a post.
1) Go to Blogger and create a new post.
2) Create post and Select HTML tab and paste the following code:
<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/onlinetranings",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/Onlinetranings",
appId: "1469022373353333"
},
google: {
url: "https://plus.google.com/u/0/115165309413108113943"
}
});
});;;;
</script>
Social Content's Locker |
Customization of Social Content's Locker (share to Unlock Post)
For Facebook: Replace https://www.facebook.com/Onlinetranings with your Facebook Page.
For Twitter: Replace https://twitter.com/onlinetranings with your Website's URL or etc.
For Google +: https://plus.google.com/u/0/115165309413108113943 with the URL of your website or post.
Replace 1469022373353333 with your Facebook app id.
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.
3) Publish your post now. That's it :) :)
Final Words about Content's Locker (share to Unlock Post)
You have successfully locked your content are want. But I give you an advice that do not
lock the content of every post you publish because this may bring adverse effects and disadvantages
like you can loose your daily visitors. I Hope you enjoyed the post and will help you to increase your social
appearance. I have not locked this post because I know you will share it without any force from me :p Thanks
for sharing. Keep visiting, Good Day :)
For More Details
http://bloggersonlinetrainings.blogspot.com/
Subscribe me on YouTube
Follow me on Dailymotion
Like me on Facebook
Like me on Facebook
Like me on Facebook
No comments:
Post a Comment