Membuat Konten Sosial Locker di Blog

Baca Juga

Sagitarius Kusadhi - Berapa 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 masukkan code berikut ini pada bagian posting...

<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://xxxx.com",
text: "Subculture Fix Responsive Blogger Template"
},
// facebook options
facebook: {
url: "http://xxxx.com",
appId: "418044881593120"
},
google: {
url: "http://xxxx.com"
}
});
});;;;
</script>

NB: Ganti URL http://xxxx.com dengan alam URL anda.

Nah mungkin cukup sekian penjelasan dari saya tentang pembuatan konten social locker pada blog semoga artikel ini dapat berguna bagi pembaca.