Cara Mebuat Social Content Locker dalam Postingan

Cara Mebuat Social Content Locker dalam Postingan

Cara Mebuat Social Content Locker dalam Postingan - Sosial Media merupakkan ladang emas yang sangat tepat dan menjanjikan sebagai sarana untuk mempromosikan blog. Banyak para bloggers lain yang trafficnya bergantung melalui sosial media ini. Namun banyak juga dari para pengunjung atau visitor mereka yang jarang dan bahkan tidak pernah sama sekali untuk membagikan konten-konten anda karena kurangnya rasa trimakasih atau bisa dibilang pelit dan malas!

Nah Kali ini saya akan memberikan anda cara untuk membuat tombol download file berfungsi disaat sosial media kita di like atau di follow .
Cara Mebuat Social Content Locker dalam Postingan
1 . Masuk Ke Akun Blogger anda
2 . Selanjutnya pilih menu Template > Edit HTML
3 . Dan anda cari Kode </head> selanjutnya menaruh kode dibawah berikut ini tepat di atas kode </head>
<link href='https://googledrive.com/host/0B-vz7n1QSdEfMDZiZXpOR1VCcWs' rel='stylesheet' type='text/css'/>
4 . Kemudian simpan perubahan pada Template anda

LANGKAH 2 :
1 . Untuk menampilkan Social Content Locker pada postingan yang anda lakukan yaitu mensisipkan kode dibawah ini pada artikel 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;">
Maukkan disini link download, kalimat atau isi file yang ingin anda sembunyikan
</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://www.twitter.com/kabarlangitcom",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/pages/KabarLangitCom/330956757079018",
appId: "217102368479061"
},
google: {
url: "https://plus.google.com/u/0/+RonatioRumahorbo88"
}
});
});;;;
</script>
NOTE : Seperti dibawah ini tampilan tombol demonya nanti yang akan tampil pada postingan sobat, silahkan anda like atau follow salah satu media sosial dibawah agar link download atau artikel yang tersembunyi dapat di tampilkan secara otomatis.


Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »