Widget Share to View Content Blog

Ini adalah salah satu cara mudah agar website atau blog kita memiliki banyak follower. Cara kerja widget ini adalah pengunjung diharuskan untuk menge-Tweet atau follow G+ untuk melihatkan konten.

Untuk live preview bisa teman blogger lihat dibawah.

Untuk membuat widget ini, yang perlu kawan blogger lakukan yaitu memasang css, lalu memasang script pada postingan yang diinginkan.

Langkah 1. Memasang CSS.

copy code berikut, lalu paste sebelum tag </head>

Langkah 2. Memasang script pada postingan.
Masukkan Script berikut di postingan anda.
Caranya gunakan html view untuk mengedit postingan.

<div class='default-usage'>
<div class='to-lock' style='display: none;'>
  <div style='text-align:center'>
Isi dengan konten yang akan anda sembunyikan</div>
</div>
</div>
<div id='dhiunlocker'>
 </div>
<script type='text/javascript'>
                    //<![CDATA[
                    if (typeof(jQuery) == 'undefined') {
                      //output the script (load it from google api)
                      document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\"></scr" + "ipt>");
                    }
                    //]]>
                  </script>
<script src='http://yourjavascript.com/051844064/lockers.js' type='text/javascript'/>
<script>
jQuery(document).ready(function ($) {
$(".default-usage .to-lock").socialLock({
text: {
header: "Locked Content",
message: "Tweet This or Click +1"
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "google"]
},
// twitter options
twitter: {
url: "http://www.blognafaro.com/",
text:"Ada konten menarik yang kubaca di blognafaro.com"
},
google: {
url: "http://www.blognafaro.com/"
}
});
});;;;
</script>

Modifikasi bagian berwarna berikut ini sesuai yang anda inginkan.

header: "Locked Content",
message: "Tweet This or Click +1"
twitter: {
url: "http://www.blognafaro.com/",
text:"Ada konten menarik yang kubaca di blognafaro.com"
},
google: {
url: "http://www.blognafaro.com/"
}

Semoga Artikel ini bermanfaat.

Post link : http://www.blognafaro.com/2014/06/widget-share-to-view-content-blog.html