Cara Membuat Button 'Share to Unlock' Content Di Blogger - Onet4u Tech
Dark
News Update
Loading...

Cara Membuat Button 'Share to Unlock' Content Di Blogger

Cara Membuat Button 'Share to Unlock' Content Di Blogger
Also Read
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 Membuat Button 'Share to Unlock' Content Di 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.
DONATION Help give donations if the article feels useful. Donations will be used to extend the www.onet4u.com. domain. thanks.

RELATED POSTS

COMMENT

Load Comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel