Cara Membuat Button 'Share to Unlock' Content Di Blogger

Assalamualaikum, selamat berpuasa bagi yang beraga islam, dan salam sejatra bagi yang bukan islam, kali ini saya akan konsgikan tutorial Cara Membuat Button 'Share to Unlock' Content Di Blogger, Na selalunya menu ind digunnakan di wordpress bukan, kali ini saya akan kongsikan untuk blogger.

Cara untuk memasang feature ini sngat senang, Karna saya tlah sediakan code yang anda perlukan dan anda hanya perlu memasangnya di tempate anda, sekiranya anda berminat.

Login ke blogger anda dan tambahkan code berikut diatas code </head> :

<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-ver2.css' rel='stylesheet'/>
<script src='http://cdn.rawgit.com/menightfury/social-locker/master/script-ver2.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
  $('.socialLocker .to-lock').sociallocker({
    buttons: {order:["facebook-share","twitter-tweet","linkedin-share"]},
    twitter: {url:"http://twitter.com/O4U"},
    facebook: {appId:1234567890, url:"https://www.facebook.com/O4U"},
    linkedin: {url:"https://linkedin/in/O4U"},
    text: {
      header: "Share to Unlock This Content",
      message: "This content is locked. Tweet, Share, or Post to LinkedIn to unlock it."
    },
    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
//]]>
</script>

Pasangkan code di atas tepat di ataas code </head> template anda.

Jangan lupa untuk mengubah code yang saya higlitkan sesuai dengan id fb/tw anda etc.

Selanjutnya simpan template anda. Dan buat posting baru untuk mencoba feature baru ini gunakan code ini .

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

Gantikan -- Your Content / Link Download -- dengan content yang anda ingin sembunyikan menggunakan share to unlock button.

Baiklah sampai di sini sahaja perkongsian saya tentang Cara Membuat Button 'Share to Unlock' Content Di Blogger, Moga apa yang saya kongsikan ini dapat membantu anda.