Cara Buat Tombol Share to Unlock di Blogger

Cara Buat Tombol Share to Unlock di Blogger
Selamat pagi sobat, hari ini aku akan berbagi tentang bagaimana cara buat share to unlock di blogger. Cara ini bisa kita lakukan dengan mudah. Sebelum itu, tombol ini berfungsi untuk mengunci tombol download yang ada di blog sobat, dengan cara pengunjung harus share ke sosial media seperti fb, twitter atau g+ terlebih dahulu untuk membukanya. Ini juga sangat bermanfaat untuk blog, dengan secara tidak langsung sobat telah mempromosikan blog sobat sendiri, seperti like. Tertarik untuk memasangnya ? Silahkan ikuti panduannya dibawah ini.

1. Cara Buat Tombol Share to Unlock di Blogger

#1.  Buka blogger.
#2. Pilih menu tema.
#3. Pilih edit html.
Cara Buat Tombol Share to Unlock di Blogger
#4. Copy dan pastekan kode dibawah ini tepat diatasnya </head>
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'>

2. Memasang Coddingnya

#1. Buka blogger.
#2. Pilih menu tema.
#3. Pilih edit html.
Cara Buat Tombol Share to Unlock di Blogger
#4. Copy dan pastekan kode dibawah ini tepat diatasnya </head>
<link href='https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/sharetounlockcss-dionimouz.css' rel='stylesheet'/>
<script src='https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/sharetounlock-dionimouz.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:"http://twitter.com/monita1"},
facebook: {url:"https://www.facebook.com/monita2"},
google: {url:"https://plus.google.com/+monita3"},
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>
#5. Setelah itu klik simpan template.

Tambahan :
Ganti Teks (monita1) dengan URL Twitter sobat.
Ganti Teks  (monita2) dengan URL Facebook sobat.

sobat. Ganti Teks  (+monita3) dengan URL Google+ sobat.

 

3. Penerapan Share to Unlock di Postingan

#1. Untuk menerapkan di artikel atau postingan, sobat harus menambahkan kode dibawah ini didalamnya (tab HTML).
<article id="default-usage">
<div class="to-lock" style="display:none;">
LINKTUJUAN
</div>
</article>
#2. Dan jangan lupa ganti LINK TUJUAN dengan URL yang akan sobat tuju.
#3. Selesai.
Artikel ini sangat bermanfaat sekali, dikarenakan dapat membantu pengunjung blog untuk terus mengikuti perkembangan di blog sobat. Gak pakai lama dan gak pakai ribet, artikel ini juga dapat mempromosikan blog sobat. Itu aja sih menurut aku. Terima kasih hehehe.
Tampilkan Komentar


EmoticonEmoticon