Membuat Sosial Locker di Blogger

Cara gampang membuat Sosial Locker di blogger, sebenarnya pengunjung blog akan sedikit nggak nyaman dengan widget ini, namun pengunjung lebih sering tak peduli dengan pembuat blog setelah mendapat apa yang mereka inginkan, widget ini cocok buat pengguna blog yang sharing movie atau software free.

Langsung saja kita coba terapkan widget ini
cari kode </head> dan paste kode berikut di atasnya "bila kode ini sudah ada silahkan lewati saja"

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

langkah selanjutnya pastekan kode berikut di atas </head> juga

<link href='https://googledrive.com/host/0B9xqp5gMZtOLM182SlM0Si1xb2M' rel='stylesheet'/>
<script async='true' src='https://googledrive.com/host/0B9xqp5gMZtOLa3JLaGotWWJLMjg' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
 $('#default-usage .to-lock').sociallocker({
  buttons: {order:["facebook-like","twitter-tweet","google-plus"]},
  twitter: {url:"https://twitter.com/soaial"},
  facebook: {url:"https://www.facebook.com/sosial"},
  google: {url:"https://plus.google.com/sosial"},
  text: {
    header: "Tekan Tombol Like untuk membuka Konten",
    message: "Konten ini Terkunci. Like us on Twitter, Facebook or Google plus untuk membuka kunci. Atau bila Kamu belik mengunjungi halaman ini Klik 2x Facebook untuk membuka kunci"
    },
  locker: {close: false, timer: 0,}, theme: "secrets" }); });
//]]>
</script>

ganti kode sosial dengan url milik anda sendiri dan save template

untuk penerapannya di posting blog, gunakan kode di bawah ini dengan penulisan HTML mode

<article id="default-usage"> <div class="to-lock" style="display:none;">
---isi dengan konten anda---
</div></article>

terakhir publish post dan lihat hasilnya, kalau penasaran lihat demonya

Demo