Tutorial Cara Membuat Fitur Mengunci Konten Di Blog

illustrasi

Langsung saja, berikut cara membuat Hidden content Like dan share Untuk Blogger, atau tutorial cara membuat firut mengunci konten di blog:

Login ke blogger.com
Masuk ke Template –> Edit HTML –> Cari kode </head> –> Paste kode ini diatasnya

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

    Tambahkan lagi kode ini diatas </head>
 

<link href=’https://7475c86c7b904ff243d5e5053fa73033884596a6.googledrive.com/host/0B9yW-IonjS65T0N0V1ltazF6SEE’ rel=’stylesheet’/>
<script src=’https://0fbf35074d8fc72d66d79874501738c32737dc58.googledrive.com/host/0B9yW-IonjS65UGFwbWpxUlc5MFk’ 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:”https://pertanyaanku.com/”},
facebook: {url:”https://www.facebook.com/pertanyaanku/”},
google: {url:”https://pertanyaanku.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>

Note : ubah URL berikut

“https://www.facebook.com/pertanyaanku”
“https://pertanyaanku.com”

    Langkah terakhir masukkan kode berikut ketika ada konten yang ingin anda kunci
 

<article id=”default-usage”>

<div class=”to-lock” style=”display:none;”>

KONTEN YANG INGIN ANDA KUNCI

</div>

</article>

(pertanyaanku)