free web
free web
free web
[ Tin mới · Thành viên · Nội quy · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code nút ẩn hiện nội dung khi click like cho web + blog
Code nút ẩn hiện nội dung khi click like cho web + blog
Admin-8x Date: Thứ bảy, 06.May.2017, 12:17 PM | Message # 1
Offline
Avatar
Cấp độ: ₷oáiҪa
Bài viết: 36
Code hiện nội dung khi nhấn Like +1 cho website - blogspot.
Hiện nội dung được ẩn khi like mạng xã hội cho blogspot.Hiện nội dung được ẩn khi like mạng xã hội cho blogspot. Code ẩn hiện nội dung khi nhấn Like +1 cho website - blogspot. Hiện nội dung khi nhấn +1 . Hiện nội dung bị ẩn khi nhấn Like Facebook. Code giúp tăng like Fanpage Facebook , tăng +1 hiệu quả.

Bạn muốn tăng lượng like Fanpage của bạn, tăng số +1 cho website blog của bạn một cách tự nhiên và hiệu quả. Cách này sẽ giúp tăng lượng độc giả truy cập lên là nhờ các mạng xã hội hiện nay.

Cách này sẽ mang tích bắt buộc độc giả phải nhấn Like hay +1 thì mới đọc được nội dung quan trọng hay link qua trong.
Tất nhiên ta chỉ nên ẩn những nội dung "cần ẩn" ví dụ như "Hãy like nếu bạn đủ 18 tuổi để xem nội dung này" hay "Like để download" chẳng hạn. Đừng nên lạm dụng chức năng này quá sẽ gây phiền hà cho độc giả của mình để rồi chịu hậu quả ngược lại.

Và để xem nội dung của bài viết bạn hãy click một trong số các button bên dưới nhé =))
Cài đặt trong template

Dán đoạn code bên dưới vào trước thẻ </head>

<link rel="stylesheet" type="text/css" href="http://ibox.ucoz.net/BSnew-01/Like-annoidung/likeblog.css" />

Khi viết bài thì bạn lựa chọn viết bài với chế độ HTML và sử dụng đoạn code bên dưới

Code
<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
NỘI DUNG ẨN CÁC BẠN VIẾT TẠI ĐÂY
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="http://ibox.ucoz.net/BSnew-01/Like-annoidung/Locklike_blog.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["facebook", "google"]
},
// facebook options
facebook: {
url: "https://www.facebook.com/Collagenvieskin",
appId: "450530478318644"
},
google: {
url: "http://bittuot.blogspot.com/"
}
}
});
});;;;
</script>

Chú ý: có 2 file hiện các bạn down về up lên hosting của mình để dùng về lâu về dài nhé:
  • http://ibox.ucoz.net/BSnew-01/Like-annoidung/likeblog.css
  • http://ibox.ucoz.net/BSnew-01/Like-annoidung/Locklike_blog.js

Tải toàn bộ code: Click đây hoặc Click đây đề phòng bị hỏng link

Nếu bạn muốn thêm cả twitter nữa thì chỉ cần thay đoạn chữ từ order đến url"http://ibox.ucoz.net/" bên trên thành đoạn code sau:

Code
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://twitter.com/SeoVNpro",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/abcd",
appId: "131761626979828"
},
google: {
url: "http://ibox.ucoz.net/"


Thay đổi các cấu hình cho phù hợp với trang của bạn nhé
- Riêng appId thì bạn có thể giữ nguyên hoặc sử dụng appid của mình nếu bạn nắm rõ về phần này

Chúc các bạn thành công !

Nguồn: Bittuot


Sống với niềm tin và đam mê sẽ sớm có được thành công,
Không hoang tưởng cũng không kiêu ngạo, thành công sẽ vững bền.
 
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code nút ẩn hiện nội dung khi click like cho web + blog
  • Page 1 of 1
  • 1
Search: