Cara Membuat Konten Sosial Locker di Blog ~ Pintu Seo Blog ~ bloganda

Cara Membuat Konten Sosial Locker di Blog

Cara Membuat Konten Sosial Locker di Blog | Pintu Seo - Membuat Komnten seosial Locker dapat membuat artikel kita menjadi lebih meluas & lebih banyak orang yang mengetahui sebab jika sesorang ingin melihat link download / lainyya kita harus share ddengan sosial locker , bagaimana cara membuatnya ? simak caranya di bawah ini .

Tambahkan Javascript di bawah ini di atas kode </head>


<link href='https://googledrive.com/host/0BwbwSIoW-tx1Qm40V25ma3NxeFE/anarchyta-content-locker.css' rel='stylesheet' type='text/css'/>
<script src="https://googledrive.com/host/0BwbwSIoW-tx1RW54dHVDVGhTT0E/anarchyta-content-locker.js" type="text/javascript"></script>

Kemudian Save template kalian.

Terakhir masukan kode di bawah ini di bagian posting yg akan di share paksa..


<div id="default-usage">
<div class="to-lock" style="display: none;">
<div style="color: white; font-size: 24px; margin-bottom: 20px; margin-top: 15px; text-align: center; text-shadow: -1px -1px 1px #87a5a8;">
<span class="icon-download-alt"></span> <a href='LINK_DOWNLOAD'>Download Template</a>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share To Unlock The Download Button",
message: "Silahkan Klik Tweet - Like - G+ untuk mendownload."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://pintuseo.blogspot.com",
text: "Subculture Fix Responsive Blogger Template"
},
// facebook options
facebook: {
url: "http://pintuseo.blogspot.com",
appId: "418044881593120"
},
google: {
url: "http://pintuseo.blogspot.com"
}
});
});;;;
</script>