Cara Membuat Content Social Locker Di Blog

Mungkin diantara sobat-sobat sekalian sudah ada yang tahu dan mungkin juga ada juga yang baru tahu sekarang.
Sosial media adalah ladang yang sangat menjanjikan dan sangat tepat sebagai tempat untuk mempromosikan blog. Banyak sobat blogger kita sangat bergantung akan traffic dari social media ini. Namun banyak dari pengunjung mereka jarang atau bahkan tidak pernah membagikan konten-konten mereka hanya karena malas.
Kali ini renz akan membahas yang mungkin bermamfaat untuk sobat.
Renz akan membagikan cara membuat Content Social Locker di blog.

Langsung saja...

Demo

• Seperti biasa, sobat login dulu ke blogger.com
• Lalu pergi ke template dan klik edit html
• Sobat copy kode dibawah ini dan letakan diatas kode </head>

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

• Save template
• Sekaran sobat buat 1 postingan yang akan dipasangi Social Content Locker
• Masukan kode dibawah ini dalam mode 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;">
MASUKAN LINK YANG AKAN DI DISEMBUNYIKAN DI SINI
</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: "Silahkan klik like dibawah untuk membuka link",
message: "Ini adala social locker klik salah satu tombol dibawah untuk membuka."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "MASUK URL TWITTER SOBAT DI SINI",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "MASUKAN URL FACEBOOK SOBAT DI SINI",
appId: "MASUKAN ID FACEBOOK SOBAT"
},
google: {
url: "MASUKAN URL GOOGLE+ SOBAT"
}
});
});;;;
</script>

• Jika sudah di isi semua, langsung sobat publish saja, jika ada pemberitahuan HTML salah dalam postingan klik tutup saja lalu publish lagi.
• Beres

Begitulah cara membuat content social locker di blog.
Jika ada pertanyaan silahkan berkomentar. Semoga bermamfaat.