Cara Membuat Social Media Locker Di Blogger

Baca Juga

Social Media Locker
Hanya Gambar :3 :hehe
Tidak Sedikit yg menggunakan Social Media atau sosmed setidaknya agan pasti punya 1 sosmed. Benar bukan? Dan sosmed ini juga termasuk elemen penting dalam SEO karena terdapat 'ladang' traffic pada sosmed jika di optimasi dengan benar.

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>
Cara Membuat Social Media Locker Di Blogger


Silahkan agan ganti URL yg sudah ane mark dan sebaiknya agan tidak terlalu sering memasang social locker ini karena pembaca blog agan akan bosan ataupun muak dengan blog agan yg terlalu banyak menggunakan social locker ini.Mohon Maaf karena tidak ada demonya :'( Jika ada yg ingin ditanyakan agan bisa komen dibawah dengan Disqus, Blogger maupun Facebook :)

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) 
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai
Hawkhost

Suka Dengan Blog ini? Bantu kami dengan cara mematikan adblock agan atau dengan whitelisting blog ini

Blog ini hanya dikembangan oleh seorang bocah smp, jika tidak ingin menggunakan cara diatas agan bisa berdonasi

Bantu Kami dengan berdonasi menggunakan bitcoin ke 1NJ7raB8bws5EitG7C2ppLwLK2JnjxH9xp

Terima Kasih

×