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

22 Responses to "Cara Membuat Social Content Locker"

  1. Replies
    1. demo nya udah ada di bawah mas ...
      di lihat ya

      Delete
  2. wah ini tutor yang ane cari, izin coba yah

    ReplyDelete
  3. Caranya mudah juga ternayata, tidak susah-susah banget :D
    Langsung saya coba dulu Sob!

    ReplyDelete
  4. gue pasang diblog gue dulu gan,,
    izin yak

    ReplyDelete
  5. wah..ini nih yang saya cari-cari...tapi gan ada yg kurang dengan lagkah 1 mohon dilihat kembali ya

    ReplyDelete
    Replies
    1. oh iya gan,,, hehhehe
      sudah saya perbaiki gan.. teriakasih gan

      Delete
  6. Permisi min, maaf kalau g sopan
    itu kenapa ada virus detected oleh avast, apakah nanti aman untuk google adsense
    terima kasih

    ReplyDelete
  7. kok ICON untuk like FACEBOOK ngak Muncul ?

    ReplyDelete
  8. kok ICON untuk like FACEBOOK ngak Muncul ?

    ReplyDelete
  9. Maaf sebelumnya saya ingin bertanya kenapa ketika saya sudah mengikuti tutorial di tas tetapi scrip facebook dan twitter error sedangkan untuk google plusnya bisa apa yang salah. terima kasih

    ReplyDelete
  10. Saya suka widget ini, tapi sayang kenapa untuk tombol twitternya eror, dan untuk fb nya malah ga ada tomolnya (tidak muncul). Kalau di perbaiki sepertinya ini adalah sebuah widget yang keren untuk blogger.

    ReplyDelete

Berkomentarlah yang baik. Jika ingin cari backlink silahkan berkomentar dengan name/url dan open id. Jangan taruh link di komentar. Bagi yang melanggar akan di hapus komentar nya. Terimakasih