Artikel Copas 100%

Berbagi seadaanya.

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » jQuery » Widget » Cara Membuat Konten Sosial Locker

Minggu, 13 April 2014

Cara Membuat Konten Sosial Locker

Add Comment
jQuery, Widget
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 :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.
Suka Artikel? Bagikan: Facebook Twitter Google+
0 Komentar untuk "Cara Membuat Konten Sosial Locker"

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Popular Week

  • EDU Backlink
    EDU Backlink
    Backlink .EDU sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita meras...
  • Bosan Dengan Dunia Blogger..
    Bosan Dengan Dunia Blogger..
    Selamat pagi sobat semua.. Mungkin anda sudah merasakan suatu kejenuhan yang anda alami saat ini dengan blog anda mungkin pertama anda membu...
  • About This Tattoo
    About This Tattoo
    Apa itu Tattoo? Dalam Bahasa Indonesia disebut dengan istilah "Rajah". Tattoo merupakan produk dari Body Decorating dengan mengga...
  • Opini Tentang Blog Ini
    Opini Tentang Blog Ini
    Sejauh ini saya sudah merasa bersalah dengan apa yang saya share.  Beberapa hal gak penting terkadang juga saya share sampai sampai sobat bi...
  • Optimasi Posting Blog
    Optimasi Posting Blog
    Yang namanya sebuah blog, tentu tidak terlepas dari posting. Posting dalam blogger merupakan sebuah "entry" yang ditulis dengan me...
  • 7 Apps Android Untuk Pengguna Blogger
    7 Apps Android Untuk Pengguna Blogger
    Dibawah ini adalah 7 AplikasiAdroid yang populer dan banyak digunakan oleh pengguna Blogger. Dan sebagai seorang pengguna blogger tidak ada ...
  • Free Download Smadav 9.3 Pro Full Version + Serial Number
    Free Download Smadav 9.3 Pro Full Version + Serial Number
    Semenjak Blogger saya di hapus saya jarang update di Faceblog jadi ketinggalan software yang sudah update deh, tapi gak apa apa daripada g...
  • Menampilkan Pesan Pada Jam Tertentu
    Menampilkan Pesan Pada Jam Tertentu
    Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time Message) pada blog kita? tentu saja ya, Ada kalanya ketika sedang tidak o...
  • Scattered Polaroids Gallery (Tersebar)
    Scattered Polaroids Gallery (Tersebar)
    Sebuah flat bergaya Polaroid Galeri di mana item-item (di sini saya gunakan foto) yang tersebar secara acak dalam sebuah wadah (Container). ...
  • Karma - Creative Landing Page Blogger Templates
    Karma - Creative Landing Page Blogger Templates
    Karma adalah template untuk blogger yang menyediakan banyak fitur yang luar biasa yang paling canggih. Template ini sangat maju, mungkin sed...
Diberdayakan oleh Blogger.

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

Blog Archive

  • ▼  2014 (101)
    • ►  Juli (5)
    • ►  Juni (10)
    • ►  Mei (12)
    • ▼  April (12)
      • Mengenal Google Sandbox dan Solusinya
      • Responsive Original Blogger Template Valid HTML 5 ...
      • Memasang Font Awesome di Judul Gadget atau Menubar
      • Memasang Tombol Konversi Emoticon di Form Threaded...
      • Auto Redirect dengan Timer
      • Cara Membuat Konten Sosial Locker
      • Menghentikan redirect blogger ke custom ccTLD
      • Subculture Fix Responsive Blogger Template
      • Cara Mengatasi OpenID Error Ups Itu Kesalahan
      • Cara Menggunakan Komentar OpenID di Blog
      • Mudahan SEO Responsive Blogger Template Valid HTML...
      • About This Tattoo
    • ►  Maret (11)
    • ►  Februari (14)
    • ►  Januari (37)
  • ►  2013 (71)
    • ►  Desember (13)
    • ►  November (6)
    • ►  Agustus (1)
    • ►  Juni (8)
    • ►  Mei (33)
    • ►  April (10)

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

About Me

Unknown
Lihat profil lengkapku or visit on

© Artikel Copas 100% powered by Blogger.com.
All Right Reserved.