Cara Membuat Social Content Locker di Blogger

Cara Membuat Social Content Locker di Blogger - Content Locker merupakan sebuah script yang bertujuan untuk menyembunyikan tulisan tertentu dan akan muncul apabila visitor telah memberikan tweet, like atau +1 (Google Plus).

Buat kamu yang ingin menambah LikePage facebook, content locker ini akan cukup membantu untuk mempercepat jumlah likepage facebook kamu.

Nah, untuk contoh content locker yang akan saya berikan pada tutorial kali ini adalah seperti ini:

• Demo

Cara Memasang Social Content Locker

LANGKAH 1  :

1 . Masuk Ke Akun Blogger.com
2 . Lalu pergi ke Template > Edit HTML
3 . Cari Kode </head> 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

LANGKAH 2 :

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

<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;">
Isi dengan tulisan atau artikel yang ingin disembunyikan
</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
</article>
<br />
<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://andika-official.blogspot.com/",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "http://www.facebook.com/andikabloggers",
appId: "391183274262403"
},
google: {
url: "http://andika-official.blogspot.com"
}
});
});;;;
      
</script>

NOTICE :

- Untuk yang berwarna Merah anda ganti dengan URL Postingan kalian atau seterah kalian
- Untuk yang berwarna Biru anda ganti dengan URL Fanspage dan ID Fanspage kalian =D

Sangat mudah bukan membuat Social Content Locker di Blogger ?