• Home
  • Disclaimer
  • Privacy Policy
  • Sitemaps

Pinguin Techno

Select Menu
  • Home
  • Blogging
  • Sumber Artikel
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Error Page
Home » jQuery » Widget » Cara Membuat Konten Sosial Locker

Sunday, 13 April 2014

Cara Membuat Konten Sosial Locker

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

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Entri Populer

  • 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...
  • Minima Responsive  Template
    Minima Responsive Template
    DEMO | DOWNLOAD Minima Responsive Blogger Template sempurna Untuk Blog Pribadi , modern dan sepenuhnya responsif (coba mengubah ...
  • Tutorial Membuat Koneksi WDS di Mikrotik
    Tutorial Membuat Koneksi WDS di Mikrotik
    Teori Dasar Wireless Distribution System (WDS) WDS (Wireless Distribution System) adalah sistem yang memungkinkan interkoneksi antar Access...
  • Mikrotik Tersambar Petir
    Mikrotik Tersambar Petir
    Sedikit sharing tentang sambaran petir di Mikrotik . Beberapa waktu lalu terjadi keanehan di jaringan yang saya kelola, dimana jaringan inte...
  • Cara Mengetahui Password Winbox Mikrotik
    Cara Mengetahui Password Winbox Mikrotik
    Lupa Username dan Password Mikrotik? Lupa Username dan Password di Winbox Mikrotik? Jika jawabannya Ya , maka anda berada di tempat yang t...
  • Claud Storage Gratis Untuk Penyimpanan Data Online
    Claud Storage Gratis Untuk Penyimpanan Data Online
    Claud Storage Gratis Untuk Penyimpanan Data Online - Sebelum masuk ke inti materi, saya terangkan sedikit tentang layanan cloud storage . Se...
  • Penjelasan Queue Tree & PCQ serta Penerapannya di Mikrotik
    Penjelasan Queue Tree & PCQ serta Penerapannya di Mikrotik
    Pengaturan dan managemen Bandwidth di Mikrotik tidak dapat lepas dari fitur Queue. Ada dua jenis Queue yang dapat digunakan di Mikrotik, ya...
  • Cara Memantau dan Memonitor Jaringan Mikrotik Menggunakan The Dude
    Cara Memantau dan Memonitor Jaringan Mikrotik Menggunakan The Dude
    Memantau dan memonitor jaringan mikrotik dan perangkat lainnya yang saling terhubung dapat dilakukan dengan mudah menggunakan aplikasi yang ...
  • Tutorial Shared Bandwidth Management Mikrotik Menggunakan Simple Queue
    Tutorial Shared Bandwidth Management Mikrotik Menggunakan Simple Queue
    Shared Bandwidth Management Mikrotik digunakan untuk mengalokasikan bandwidth tiap client dengan rate yang bervariasi tergantung aktif tida...
  • Minima Colored 2.1 Responsive
    Minima Colored 2.1 Responsive
    DOWNLOAD | DEMO Minima berwarna 2.1 Responsif Template Blogger sempurna Untuk Blog Pribadi , modern dan sepenuhnya responsif (coba...

Labels

Android (2) Artikel (37) Backup (2) Bandwidth Management (8) Blogging (63) Blogspot (9) Blokir Website (6) Bridging (2) Burst (1) CSS (38) Dasar Mikrotik (24) Desain Rumah (1) DHCP (2) DNS (4) Download (9) eBook (1) Email (1) Error (1) Facebook (18) Failover (2) Firewall Mikrotik (21) Game (1) Hack (1) Hotspot (8) IDM (1) Install (2) Internet (11) Joomla (1) jQuery (24) Kaos Mikrotik (2) Komputer (5) Lain-Lain (13) Layer 7 (4) Linux (1) Load Balance (3) Mikrotik (24) Mikrotik Lanjut (51) Mikrotik Outdoor (2) Modem (1) MTCNA (2) MUM (5) Netcut (2) Netwatch (4) Password (1) Petir (1) Photoshop (1) PoE (1) Power Mikrotik (3) Proxy (6) RB433 (1) RB751U-2HnD (6) RB951Ui-2HnD (4) Reset (3) RouterBoard (10) RouterOS (19) Routing (5) Scripting (4) Security (1) SEO (20) Setting Mikrotik (34) SMS (1) SXTG-2HND (1) Template (31) The Dude (1) Tools (4) Troubleshooting (1) Tunnel (1) Tutorial Mikrotik (58) Twitter (2) Upgrade (4) USB (1) USB Modem (3) User Manager (2) Virtual (7) VPN (1) Widget (32) Winbox (7) Windows (2) Wireless Mikrotik (13) Wireless P2P (5) Wireless Security (1) Wireless Tools (1) Wordpress (10)
Copyright 2014 Pinguin Techno - All Rights Reserved
Template By Jenny Psychicfio