Blogger contact form is very important to give your readers the opportunity to communicate with you. Adding a contact form to your Blogger blog is not so tough. There is a Blogger Contact Form widget available in the list of Blogger’s default widgets. But a few days ago, It was pretty tough because there was no such kind of widget available out there. Today we will learn how to add a stylish Blogger contact form in a static page?

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

<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style.css' rel='stylesheet'/>
<script src='http://cdn.rawgit.com/menightfury/social-locker/master/script.js' 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/PKHelper18"},

facebook: {
  like:{
    url:"https://www.facebook.com/PKHelper18"
  },
  share:{
    appId:1644466799163691,
    url:"http://www.pkhelper.com/"
  },
},

    google: {url:"http://www.pkhelper.com/"},

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

    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
//]]>
</script>

<article id="default-usage">
 <div class="to-lock" style="display:none;">

  -- Your Content which you want to Lock or Hide --

 </div>
</article>