Share To Unlock Content/Post for Blogger

Cara Membuat Tombol Share Untuk Membuka Postingan Blogger (Share To Unlock Content Blogger) - Widget share to unlock content blogger atau bagikan post untuk membuka konten blogger ini adalah widget untuk mengunci postingan anda. Nah, agar pengunjung bisa membuka postingan, pengunjung disuruh membagikan postingan tersebut lebih dahulu. Jadi, widget ini juga bisa menambah pengunjung dari social media. Tombol share yang disediakan di widget ini adalah tombol share ke facebook, twitter dan google+ (+1).

DEMO

How To Create Share To Unlock Content Blogger :

1. Memasang Kode CSS di Template

• Masuk ke dasbor blogger -> pilih menu template -> klik edit html
• Buka : https://mas-aldi.googlecode.com/svn/trunk/css/css_unlocker-content.css
• Copy semua kodenya lalu paste diatas kode ]]></b:skin>

2. Menyembunyikan Postingan dengan Social Content Locker
Nah, sekarang tinggal memasang kode html pada postingan blog. Mohon dipahami baik-baik ya :)

• Pergi ke dasbor blogger -> lalu buat postingan baru.
• Klik mode HTML (sebelah compose)

• Berikut adalah kode HTML nya.

<article id="default-usage">
<div class="to-lock" style="display: none;">
       
<!--Kontent Yang Disembunyikan - Starts (Gunakan Mode HTML)-->

<div style="text-align: center; margin-bottom: 20px;">
<img src="Url Gambar Konten" alt="" style="margin: auto;" />
</div>
<div style="text-align: justify">
Text/Kontent
</div>
<!--Kontent Yang Disembunyikan - Ends (Gunakan Mode HTML)-->
</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://mas-aldi.googlecode.com/svn/trunk/js/unlocker.js"></script>
 
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share it To Unlock This Content",
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/AldiAllesandro",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "http://www.facebook.com/blogmasaldi",
appId: "780865838616019"
},
google: {
url: "http://plus.google.com/+AldiAllesandro"
}
});
});;;;
       
</script>

Keterangan :
- Pahami Kode :
<!--Kontent Yang Disembunyikan - Starts (Gunakan Mode HTML)--> Sampai <!--Kontent Yang Disembunyikan - Starts (Gunakan Mode HTML)-->
Taruh kode html postingan anda dari awal kode tersebut sampai akhir.

- Ganti http://twitter.com/AldiAllesandro dengan twitter anda.
- Ganti http://www.facebook.com/blogmasaldi dengan facebook anda.
- Ganti 780865838616019 dengan apps facebook anda.
- Ganti http://plus.google.com/+AldiAllesandro dengan google pluss anda.
Jika kurang jelas silahkan berkomentar :)
Semoga bermanfaat..

Share To Unlock Content/Post for Blogger 2015-02-19T19:55:00+07:00 Rating: 4.5 Diposkan Oleh: Anonymous