Cara Membuat Social Content Locker

LANGKAH 1  : 

1 . Masuk Ke Akun Blogger.com
2 . Lalu pergi ke Template > Edit HTML
3 . Cari Kode 

</head>
 (gunakan CTRL+F untuk mempermudah pencarian) Lalu taruh kode dibawah ini di atas kode </head>




<link href='https://googledrive.com/host/0B-vz7n1QSdEfMDZiZXpOR1VCcWs' rel='stylesheet' type='text/css'/>

4. Kemudian Simpan Template Anda



LANGKAH 2  : 

1 . Untuk menampilkan Social Content Locker anda harus copy kode dibawah ini diartikel yang akan anda pasang Social Content Locker. (di HTML)

<article id="default-usage">
<div class="to-lock" style="display: none;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="margin-bottom: 20px; text-align: center;">
<img alt="Thank You" src="" style="margin: auto;" />
</div>
<div style="text-align: justify;">
TEXT YANG INGIN ANDA SEMBUNYIKAN
</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
</article>


<div id="mblunlocker">
</div>
<script src="http://dl.dropboxusercontent.com/u/87795241/Blog/javas.js" type="text/javascript"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Please Like to Unlock Download",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://twitter.com/dzulkifli_kiki",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "http://www.facebook.com/dzulkifli.kiki",
appId: "000000000000"
},
google: {
url: "https://plus.google.com/u/0/+dzulkiflikiki"
}
});
});;;;

</script>

NOTICE :
- Url Twitter di ganti dengan Url twitter agan
- Url Fans Page di ganti dengan url fanspage agan, jangan lupa ID fanspage nya juga di taruh
- Url Google diganti oleh url agan agan

Cara Membuat Social Content Locker