How To Create Social Content Locker In Blogger

Go To Blogger Setting And Click Theme Option

Click Gear Setting Icon And Click Edit HTML

Now Press Ctrl+f And Search ''jquery'' Without Quote .If  ''jquery'' Code Not Available Then Copy Below Code And Paste Blow <head> tag

<script src='' type='text/javascript'/>

Now Search </head> And Copy Below Code And Paste Above or Below </head> Tag.

<link href='' rel='stylesheet'/>
<script src='' type='text/javascript'/>
<script type='text/javascript'>
  $('.socialLocker .to-lock').sociallocker({

    buttons: {order:["facebook-like","twitter-tweet"]},

    twitter: {url:""},
    facebook: {url:""},

    text: {
      header: "Like us To Unlock This Content",
      message: "This content is locked. Like us on Twitter, Facebook to unlock it"

    locker: {close: false, timer: 0,},
    theme: "secrets"

3rd HTML code Inside The Post

<article class="socialLocker">
 <div class="to-lock" style="display:none;">
-- Your Content --

Don't Forget To Replace Your Facebook And Twitter   

Page Link

Mention In Red Colour

Post a Comment