Social Content Locker Untuk Blogger

Sebelum Anda melanjutkan untuk membuat kustomisasi,disarankan untuk backup template blog Anda jika ada yang tidak beres.

Pada kesempatan kali ini saya akan membagian bagaimana cara membuat Social Content Locker Untuk Blogger/website.
adapun nanti ada kesalahan pada saat mempraktekannya sebaiknya anda berkomentar agar bisa saya bantu.

DEMO

Oke langsung saja Ke step-stepnya.

Login ke akun Blogger Anda, pergi ke Blogger dashboard> Template > Edit HTML

Cari Kode <head> Dan Copy Pastekan kode di bawah ini di bawah kode <head> Atau di atas kode </head>

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

Cari Lagi Kode </head> Dan copy pastekan Kode di bawah ini di atas Kode </head>

<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style-ver2.css' rel='stylesheet'/>
<script src='http://cdn.rawgit.com/menightfury/social-locker/master/script-ver2.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
  $('.socialLocker .to-lock').sociallocker({

    buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

    twitter: {url:"http://twitter.com/menightfury"},
    facebook: {url:"https://www.facebook.com/bloganalyzer.nightfury"},
    google: {url:"https://plus.google.com/+BloganalyzerBlogspot"},

    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>

Selesai Klik Save Template.

Costumization

Ada tujuh tombol yang tersedia untuk mengunci konten,

Facebook Like : facebook-like
Facebook Share : facebook-share
Google Plus One : google-plus
Google Plus Share : google-share
Kericau : twitter-tweet
Twitter Follow :twitter-follow
Linkedin Berbagi : linkedin-share

Anda dapat menerapkan sejumlah tombol untuk blog Anda. Anda bahkan dapat mengubah urutan tombol ini di order:[] pilihan.

Pisahkan setiap tombol dengan koma (,).

Themes

Glass : Glass

Flat : Flat

Dandyish : Dandyish

Secrets : Secrets

Starter : Starter

Cara Penggunaan

Copy Kode di bawah ini ke dalam Mode HTML pada saat anda mau membuat artikel

<article class="socialLocker">
 <div class="to-lock" style="display:none;">

  -- Isi dengan kontent anda --

 </div>
</article>

Fitur Terbaru

Facebook Sharer

Untuk bisa menggunakan fitur ini anda harus punya App Id facebook anda.
saya anggap anda sudah punya ya.

kode facebook sharer :

facebook: {
  like:{
    url:"https://www.facebook.com/SopanKehidupan/" //ganti dengan url fanspage anda
  },
  share:{
    appId:1234567890, //ganti dengan app id anda,
    url:"http://gblogkri.blogspot.com/", //ganti dengan domain yg di daftarkan app id facebook
  },
},

Hapus Kode

like:{
    url:"https://www.facebook.com/bloganalyzer.nightfury/" //replace with your Facebook url
  },

Apabila tidak ingin menampilkan fb like.

Yap selamat mencoba, semoga sukses and Happy Blogging.!

1 komentar:

Write komentar

kioslangsa19 September 2017 pukul 19.45
bos, mohon info. untuk facebook share, tombol share sudah nongol. tapi kalau kita klik dan selesai men-share artikel tersebut, locker nya tidak hilang (masih tetap ada). Padahal artikel sudah berhasil di share ke facebook melalui locker tersebut dan counter share pada locker tersebut sudah bertambah. kira-kira salahnya dimana ya bos?
BalasHapus
Balasan

Tambahkan komentar

GBLOGKRI

Senin, 24 Oktober 2016

Social Content Locker Untuk Blogger

About rizal

1 komentar:

Get updates in your email box

Entri Populer

Labels