Cara Membuat Tombol Download Gembok Promotion di Blog

Selamat pagi sobat, hari ini aku akan berbagi tentang bagaimana cara membuat share to unlock pada link download. 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/tweet atau g+1 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. Memasang Jqueerynya dulu

#1. Buka blogger.
#2. Pilih menu tema.

#3. Pilih edit html.

#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.

#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/andreas1"},
facebook: {url:"https://www.facebook.com/andreas2"},
google: {url:"https://plus.google.com/+andreas3"},
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 (andreas1) dengan URL Twitter sobat.
Ganti Teks  (andreas2) dengan URL Facebook sobat.
sobat. Ganti Teks  (+andreas3) 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.

Baca juga : cara membuat tombol download penasaran yang greget dan menakutkan.

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.