Creating Social Content Locker In Blogger Blogs

Blogger is a famous and largest free blogging platform. Blogger have lots of features which help us to develop and create an amazing blog. No doubt few years back their was lot of difference between WordPress and blogger. As we can use WordPress as self hosted so it was more flexible because many plugins are available in market. But Now Blogger introduce many features which help to design an amazing blog. Blogger is part of Google Inc. So all the blogs are hosted on Google servers. So we don’t have direct access to database. That’s why which can do major changes in our blog. We can design our blog in blogger as we want to do We can design SEO friendly, responsive and different layout designs. I already listed many best responsive blogger templates.

So today i am going to introduce another advance gadget for blogger users that isSocial Content Locked Widget. By using this widget we can lock any of the content in our blog post with social icons. This plugin is basically consist of Jquery. There are many different styles available for this widget. We can change icons, style as we want to do. But the main purpose of this plugin is only content locking with social button. So here is the way to Add Social Content Locked Widget In blogger blog.

Method To Add Social Content Locker To Blogger

• First of open your blogger blog and then visit to template Section.
• Click on Edit HTML >> In template coding search with Ctrl f for code.
• After searching code paste below given jQuery just above the code we had searched. If the same jQuery library is available there then don’t need to paste jquery again.
• 1
• <script src=’http://code.jquery.com/jquery-1.10.2.min.js’ type=’text/javascript’/>
• • After installing jquery now we need to add codes for Social content locker which are given below.
  • Copy the below given code and paste them just below </head> Which we had searched in previous step

<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/SafeTricks“},

facebook: {url:”https://www.facebook.com/IamPahulSingh“},

google: {url:”https://plus.google.com/+SafeTricks“},

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>