Membuat Konten Terkunci di Blogger

Apa itu Konten Terkunci dan Mengapa menggunakannya ?

 Konten Terkunci di Blogger memungkinkan Anda untuk mengunci setiap bagian dari konten Anda pada halaman/postingan blog sampai pengguna mengklik salah satu tombol sosial (Tweet, G +, Facebook Like). Dengan cara ini Anda mendapatkan lebih banyak tweet, penggemar, dll.

Demo Click here

Membuat Konten Terkunci di Blogger

Langkah-langkah Membuat Konten Terkunci di Blogger :

1. Buka Blogmu dan Klik Template lalu pilih edit Html

 

2. Cari Kode </head> dan pastekan kode berikut di atasnya :

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

3.Sekarang cari kode </head>  lagi dan pastekan kode berikut di atasnya

<link href='https://7475c86c7b904ff243d5e5053fa73033884596a6.googledrive.com/host/0B9yW-IonjS65T0N0V1ltazF6SEE' rel='stylesheet'/>

<script src='https://0fbf35074d8fc72d66d79874501738c32737dc58.googledrive.com/host/0B9yW-IonjS65UGFwbWpxUlc5MFk' 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:"http://twitter.com/mrghostzoo"},facebook: {url:"https://www.facebook.com/cybercline"},google: {url:"https://plus.google.com/u/0/102616197837873454303"},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>

*Ganti teks yang berwarna  orange dengan link fb/twitter/G+ Mu 4.Sekarang kita memposting Konten terkunci dengan memasukkan kode ini ke dalam HTML postingan kita

<article id="default-usage"> <div class="to-lock" style="display:none;"> -- ADD YOUR CONTENT HERE --</div> </article>

*Ganti Teks Berwarna Merah dengan konten yang ingin kamu kunci.

Demikianlah Postingan Tentang Membuat Konten Terkunci di Blogger , semoga bermanfaat.

How to Create a Social Content Locker in Blogger Blog