Cara Mudah Membuat Social Content Locker di Blogger

Hallo, Salam Blogger. Terima kasih sudah berkunjung ke Blog ini. Pada kesempatan ini saya akan Share Cara Mudah Membuat Social Content Locker di Blogger. Cara seperti ini banyak digunakan blogger untuk mencari visitor dari Social Media dengan teknik Viral Visitor. 

Social Content Locker


Widget ini dirancang agar setiap pengunjung Blog Anda yang  ingin membaca artikel yang dianggap menarik,relevan dan informatif di haruskan membuka widget Sosial Content Locker. Sebelum pengunjung membuka Sosial Content Locker maka artikel yang di inginkan tidak akan bisa terbuka atau dibaca.

Bagaimana cara buatnya?

1. Pertama-tama silahkan kalian login ke Blogger, Lalu plih Template -> Edit HTML. Usahakan untuk di backup terlebih dahulu guna menghindari hal-hal yang tidak diinginkan.
2. Silahkan tekan CTRL + F kemudian cari kode </head> dan letakkan kode dibawah ini sebelum kode tersebut

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

<link href='https://dl.dropboxusercontent.com/s/wty2pc0nbzhjewb/lockercss.css' rel='stylesheet'/>

<script src='http://dl.dropboxusercontent.com/s/p1zg8pbc9td0wgx/lock.js' 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:"masukkan URL ID twitter Kalian"},

    facebook: {url:" masukkan URL ID facebook Kalian"},

    google: {url:" masukkan URL ID google plus Kalian"},

    text: {

      header: "Like us To Unlock This Content",

      message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."

    },

    locker: {close: false, timer: 0,},

    theme: "secrets"

  });

});

  //]]>

</script>

3. Setelah melakukan langkah di atas, silahkan save templatenya.

Sekarang, bagian kita menambahkan Content Locker kita di Artikel tertentu.

Jika kalian ingin menambahkan widget Social Content Locker di artikel tertentu, maka ikuti petunjuk dibawah ini. (Mohon diingat: langkah yang sama juga dapat digunakan pada Gadget Area ( add gadget pada layout atau menyimpannya pada template “ umumnya di bawah posting blog  ).

1. Masuk ke Blogger  >> Entri Baru.
2. Pilih Tab Mode HTML dan Paste kode berikut

<article id="default-usage"> <div class="to-lock" style="display:none;"> 

<img src="masukkan disini link gambar artikel anda" alt="masukkan teks atau judul artikel anda disini" style="margin: auto;" />

</div></article> 

Jika Sudah selesai, silahkan Publikasikan. Sekian dulu mengenai Cara Mudah Membuat Social Content Locker di Blogger . Jika ada pertanyaan, silahkan tinggalkan di komentar ^_^