Cara Membuat Konten Sosial Locker

Cara Membuat Konten Sosial LockerBerapa banyak orang yang menggunakan situs jaringan sosial untuk meningkatkan Traffic Website mereka? Ada Blogger profesional yang sepenuhnya tergantung pada Lalu Lintas Sosial. Namun, sangat sulit untuk mendapatkan banyak visitor sosial dengan cepat. Padahal, ada beberapa widget yang membantu untuk meningkatkan traffict sebuah blog. Jika kita ingin mendominasi web sosial, maka kita harus memanfaatkan setiap kesempatan yang kita miliki.

Apakah Anda menggunakan beberapa widget sosial share pada setiap halaman situs Anda? Sebenarnya, masalahnya adalah bahwa, orang akan berbagi apabila menyukai konten Anda. Oleh karena itu, mereka tidak klik tombol sosial dan bukannya Membaca dan meninggalkan situs web Anda karena mereka tidak peduli tentang lalu lintas atau website Anda. Meminta orang untuk Like , +1 atau tweet untuk mendapatkan akses ke konten Anda memang cara yang ideal untuk memaksa pengguna untuk berbagi di web sosial.

Konten Sosial Locker ini terdiri dari tiga tombol sosial dengan tampilan horizontal yg elegant. Tombol Sosial terdiri dari Facebook, Twitter dan Google plus. Hal ini memungkinkan seseorang untuk mendapatkan lebih banyak pengikut sosial yang nyata.

Tambahkan Javascript di bawah ini di atas kode </head>
<link href='https://googledrive.com/host/0BwbwSIoW-tx1Qm40V25ma3NxeFE/anarchyta-content-locker.css' rel='stylesheet' type='text/css'/>
<script src="https://googledrive.com/host/0BwbwSIoW-tx1RW54dHVDVGhTT0E/anarchyta-content-locker.js" type="text/javascript"></script>
Kemudian Save template :D

Terakhir masukan kode di bawah ini di bagian posting yg akan di share paksa..
<div id="default-usage">
<div class="to-lock" style="display: none;">
<div style="color: white; font-size: 24px; margin-bottom: 20px; margin-top: 15px; text-align: center; text-shadow: -1px -1px 1px #87a5a8;">
<span class="icon-download-alt"></span> <a href='LINK_DOWNLOAD'>Download Template</a>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share To Unlock The Download Button",
message: "Silahkan Klik Tweet - Like - G+ untuk mendownload."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://the-anarchyta.blogspot.com",
text: "Subculture Fix Responsive Blogger Template"
},
// facebook options
facebook: {
url: "http://the-anarchyta.blogspot.com",
appId: "418044881593120"
},
google: {
url: "http://the-anarchyta.blogspot.com"
}
});
});;;;
</script>

Keterangan : Ganti URL http://the-anarchyta.blogspot.com dengan URL yg Anda inginkan untuk Deskripsi Konten bisa Anda isi terserah..

Mungkn itu saja yang bisa saya bagikan, untuk widget ini sebenarnya pertama kali di publikasikan oleh http://www.mybloggerlab.com akan tetapi widget ini tidak bekerja dengan maksimal seperti tombol google+ yang tidak bisa meredirect ke konten yg di sembunyikan, setelah saya otak atik sedikit ternyata lebih optimis tanpa memasukan banyak CSS dan jQuery.

2 Responses to "Cara Membuat Konten Sosial Locker"

  1. Silahkan kunjungi https://dewanstudiomediadigital.wordpress.com/2015/06/05/content-are-everything/

    ReplyDelete
  2. Maaf sebelumnya saya ingin bertanya kenapa ketika saya sudah mengikuti tutorial di tas tetapi scrip facebook dan twitter error sedangkan untuk google plusnya bisa apa yang salah. terima kasih

    ReplyDelete

Komentar yang menyertakan iklan, atau titip link, akan dimasukan ke Folder SPAM.

Untuk pertanyaan di luar Topik Artikel silahkan kik OOT (apabila dipertanyakan di sini, mohon maaf apabila tidak dibalas).