Baca Juga
Hanya Gambar :3 :hehe |
Setelah berjalan jalan di mbah google ane mendapatkan sebuah blog yg mengunakan Social Locker dan ane ingin mencobanya jadi ane search tutorialnya di google lalu merubah sedikit scriptnya :ngopi
Dengan social locker ini agan bisa mendapatkan like fanspage, +1 di Google+ dan tweet di twitter secara 'gratis', Tapi fungsi social locker ini adalah mengkunci konten yg ada didalamnya dan 'menukarnya' dengan Like Facebook, + di G+ atau tweet Twitter.
Oke Lanjut Ke tutorialnya :D
- Pastikan Agan sudah memasang jquery(berapapun versinya)Jika blom, letakan script ini di atas code </head> atau head/
<script src='http://code.jquery.com/jquery-1.11.1.min.js' type='text/javascript'/>
- Selanjutnya agan taruh juga kode ini di bawah code </head> atau head/
<link rel="stylesheet" href="https://cdn.rawgit.com/GMFNBlog/SomeFun/master/socialocker.css"/>
<script src='https://cdn.rawgit.com/GMFNBlog/SomeFun/master/mblock.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://www.twitter.com/gmfnblog'},
facebook: {url:'https://www.facebook.com/gmfnblog'},
google: {url:'https://plus.google.com/113148665119753655248'},
text: { header: 'SHARE IT TO UNLOCK THIS CONTENT',
message: 'Yes, This is Social Locker. Just try it, Click on one of buttons' },
locker: {close: false, timer: 0,},
theme: 'secrets'
});
});
//]]>
</script>
- Untuk mengeluarkan atau memanggil code Social Lockernya bisa menaruh code di bawah pada mode HTML di postingan blog
<article id='default-usage'>
<div class='to-lock' style='display:none;'>
---Masukan Content Yg Ingin Di Kunci---
</div>
</article>
Sekian Post Cara Membuat Social Media Locker Di Blogger Semoga Bermanfaat gan :D
Terimakasih telah meluangkan waktu dengan membaca post kami :) Salam GMFN :)
(Baca Juga:Cara Membuat Label Cloud Flat UI Warna Warni)
(Baca Juga:Cara Membuat Label Cloud Flat UI Warna Warni)