$type=carousel$cols=3

Cara Membuat Social Locker untuk Blogger

TUTORIAL MENAMBAHKAN SOSIAL LOCKER UNTUK BLOGGER TERBARU

Cara Membuat Social Locker untuk Blogger
Selamat Datang di Blog Orang IT . Postingan saya kali ini akan share bagaimana cara memasang sosial locker untuk pengguna blogger, jadi kita akan mengunci artikel ataupun link download didalam post agar tidak bisa dilihat oleh pembaca sebelum disukai melalui twitter , facebook atau ke google plus lumayan kan kita akan mendapatkan tambahan like fanspage , twitter atau follower google plus dengan sedikit memaksa
Sosial Locker merupakan pengaman dimana kita mengunci link download atau link artikel dengan button like sosial media , nah untuk membukanya sangat mudah pengunjung tinggal menyukai halaman facebook , mengikuti twitter atau menjadi follower google plus saja tentunya ini merupakan langkah jitu dalam memperbanyak follower sosial media

Membuat file dikunci atau disembunyikan sebelum disukai untuk blogger ini ( sosial locker ) sudah dicoba oleh saya dan bekerja , jika sewaktu-waktu tidak works perhatikan link JS siapa tau mati dan silahkan komentar nanti saya upload ulang

Untuk pengguna wordpress yang ingin mencoba sosia locker silahkan mengunjungi link https://wordpress.org/plugins/social-locker/

Sementara untuk pengguna blogspot kita harus mengupload sendiri Javascript dan CSS nya bisa di github ataupun di binbox , langsung saja menuju tutorial cara mengunci menyembunyikan kontent sebelum dibagikan disukai untuk blogger sebagai berikut 

Cara memasang sosial locker untuk blogger terbaru :

1. Buka dasboar blogger
2. Pilih menu template - edit HTML
3. Ctrl+F cari kode </head> letakkan script berikut diatasnya

Cara Membuat Social Locker untuk Blogger
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
<link href='https://www.dropbox.com/s/j8u0px1qszixxwl/TricksTantraSCL.css?dl=1' rel='stylesheet' type='text/css'/>
<script src='https://www.dropbox.com/s/tskmt978ku8qb7g/TricksTantraSCL.js?dl=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
  $('.socialLocker .to-lock').sociallocker({
    buttons: {order:["facebook-like","twitter-tweet","google-plus"]},
    twitter: {url:"https://twitter.com/helmykkurnia"},
    facebook: {url:"https://web.facebook.com/helmyy.kkuerniakediri/"},
    google: {url:"https://plus.google.com/u/0/106763473516559404624"},
    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>
4. Simpan template 

Selanjutnya kita buka artikel pada menu post terserah yang mana saja , contoh artikel blog bule saya silahkan di edit pilih pada bagian HTML bukan compose

Untuk memasang sosial locker caranya seperti ini tambahkan 

Cara Membuat Social Locker untuk Blogger
<article class="socialLocker">  <div class="to-lock" style="display:none;">  INI DIISI DENGAN ARTIKEL YANG MAU DIKUNCI  tutup dengan kode ini diakhir artikel yang mau dikunci </div> </article> 

5. Publikasikan artikel dan lihat hasilnya 

Cara Membuat Social Locker untuk Blogger
Nah mudahkan , untuk jaga-jaga jika javascriptnya mati anda bisa upload sendiri silahkan didownload melalui link berikut ini
Selain melalui javascript yang lebih simple ada juga lo cara memasang sosial locker langsung pada postingan , cara nya sama saja pada post pilih mode HTML
<div id="paybox">
<div id="paytittle">
                    Silahkan klik like untuk mendownload
</div>
<div id="fb-root">
</div>
<script type="text/javascript">

function habilitar() {
var url = "Disini Link artikel/ download yang disembunyikan";
url = "<a href='" + url + "'>Download disini om.</a> ";
document.getElementById("restricted").innerHTML = url;
}

window.fbAsyncInit = function() {
FB.init({ status : true, cookie : true, xfbml  : true });
FB.Event.subscribe('edge.create', function(response) { habilitar(); });
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));

twttr.ready(function (twttr) {
twttr.events.bind('tweet', function(event) {
habilitar();
 });
});

(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>

<br />

<div id="restricted">
<a class="twitter-share-button" data-lang="en" data-text="hola mundo, esto es una prueba." data-via="habilitar" href="https://twitter.com/helmykkurnia"></a>

<g:plusone callback="habilitar" href="https://plus.google.com/u/0/106763473516559404624" size="medium"></g:plusone>

<fb:like href="https://web.facebook.com/helmyy.kkuerniakediri/" layout="button_count" send="false" show_faces="false" width="220"></fb:like>

</div>
Lebih panjang tapi simple ga perlu pakai javascript untuk hasilnya sama saja , ini adalah alternatif kedua cara memasang sosial locker langsung pada postingan artikel tanpa mengotak atik template blog anda
Demikian postingan cara memasang sosial locker di blogger dengan mudah terbaru semoga bermanfaat jika ada keluhan komentar silahkan bertanya melalui komentar dibawah ini akhir kata sekian dan terimakasih sudah mampir di blog sederhana saya . 

 Follow Blog Orang IT dan jangan lupa Like FansPage Helmykkediri dibawah serta jangan lupa untuk klik iklan yang ada pada Blog ini.untuk biaya perawatan admin

COMMENTS

BLOGGER: 4
Loading...
Nama

Android,3,Blog,350,Info,214,Islami,43,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Cara Membuat Social Locker untuk Blogger
Cara Membuat Social Locker untuk Blogger
share bagaimana cara memasang sosial locker untuk pengguna blogger, jadi kita akan mengunci artikel ataupun link download didalam post agar tidak bisa dilihat oleh pembaca sebelum disukai melalui twitter , facebook atau ke google plus lumayan kan kita akan mendapatkan tambahan like fanspage , twitter atau follower google plus dengan sedikit memaksa
https://3.bp.blogspot.com/-z4iQdEF3FAI/WKloLS11CtI/AAAAAAAABsM/v4_r20mAqckvZqwr8UYonXuG0k-oZsprwCLcB/s400/0.png
https://3.bp.blogspot.com/-z4iQdEF3FAI/WKloLS11CtI/AAAAAAAABsM/v4_r20mAqckvZqwr8UYonXuG0k-oZsprwCLcB/s72-c/0.png
BLOG ORANG IT 2017
http://www.helmykkediri.com/2017/02/cara-membuat-social-locker-untuk-blogger.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2017/02/cara-membuat-social-locker-untuk-blogger.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy