Cara Membuat Konten Sosial Locker

Cara Membuat Konten Sosial Locker

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 Save template

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..
Mungkin 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.
Kompi Eot dan blogger indonesia lainnya telah bergabung di forum Idblogschool.com, kamu ?

Out Of Topic