Select Menu

Combined Post

Mag Posts

Tổng số lượt xem trang

Video of the Day

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Like us on Facebook

Popular Posts

Combined Posts 2

Mag Post 2

2 Column Post

Simple Post

Simple Post 2

New Carousel

Video Posts

» » » » » Hiện nội dung được ẩn khi like mạng xã hội cho blogspot


JKD1142 00:58 0

Đại đa số blogger đưa blog/website của họ tăng lượng độc giả truy cập lên là nhờ các mạng xã hội hiện nay. Và trước kia mình đã từng giới thiệu nhiều cách khác nhau để liên kết với các trang mạng xã hội này, tuy nhiên điều này không mang tính chất "ép buộc" lắm thì phải, vì vậy số lượng like hay +1 cũng không như mong muốn lắm. Vì thế hôm nay mình sẽ giới thiệu đến độc giả của StarTuan Blog một cách khác đó là chỉ hiện nội dung ta muốn ẩn khi độc giả click một trong số các nút Like, +1 của 3 nhà mạng xã hội lớn.
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é =))

Hiện nội dung ẩn khi Like +1 và Tweet cho Blogger

Đầu tiên thì hãy chèn đoạn code sau lên trên thẻ </head>
<link href='https://googledrive.com/host/0B_vY34xc0VjNLW9FaFpNM1NjLTg' rel='stylesheet'/>

<script src='https://googledrive.com/host/0B_vY34xc0VjNaS1sRURYR1AyRjA' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

twitter: {url:"http://twitter.com/tntuan2308"},
facebook: {url:"https://www.facebook.com/admin.startuan"},
google: {url:"http://startuan.blogspot.com"},

text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},

locker: {close: false, timer: 0,},

theme: "dandyish"

});
});
//]]>
</script>

Cách Thêm Social Content Locker vào bài viết Blog Post


Bây giờ sau khi chèn xong thì khi đăng bài viết mới, hãy chuyển sang soạn thảo bằng HTML và đặt đoạn mã sau vào vị trí của nội dung bạn muốn ẩn để bắt người dùng Like, +1, Tweet.
    <article id="default-usage">
    <div class="to-lock" style="display:none;">
    - NỘI DUNG CẦN ẨN -
    </div>
    </article>

    Đối với nội dung tùy chỉnh Social Locker

    Thay thế mã bằng cách kết hợp các mã màu cho văn bản trong mã hóa và cũng có trong cài đặt dưới đây.

      Để thay đổi thứ tự các nút đơn giản các giá trị ​​Với mỗi khác.


      " facebook-like "
      " facebook-share "
      " google-plus " 
      " google-share " 
      " twitter-tweet "
      " twitter-follow " 
      " linkedin-share "

      Bây giờ Thay thế Các URL Thành URL của riêng bạn


      http://twitter.com/tntuan2308
      https://www.facebook.com/admin.startuan
      http://startuan.blogspot.com

      Bước tiếp theo là để thay đổi các theme của Content Social Locker.


      theme: "dandyish"

      Các bạn có thể thay dandyish thành các theme sau :
        "flat
        "glass"
        "starter"
        "secrets
        "dandyish"

        «
        Next
        Bài đăng Mới hơn
        »
        Previous
        Bài đăng Cũ hơn

        Không có nhận xét nào

        Leave a Reply