Thủ thuật hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style

Thiết kế xin giới thiệu đến các bạn blogger Việt Thủ thuật hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style ( Social Content Locker for Blogger ) do bloganalyzer giới thiệu. Hiện tại mình đang dùng code Thủ thuật hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style này và thấy nó rất đẹp và tiện trong việc câu like, câu share.

<link href='https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.js' 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://thietkeweblog.blogspot.com/"},
    facebook: {url:"https://www.facebook.com/DuaToiDenTraiTimCuaBan"},
    google: {url:"https://plus.google.com/u/0/118104666508794274497"},

    text: {
      header: "Like us To Unlock This Content",
      message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."
    },

    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
  //]]>
</script>

Đoạn code chèn trước thẻ </head> được ẩn bên trong, hãy like hoặc +1 để nhìn thấy.

Tiếp theo đặt đoạn code bên dưới vào nơi bạn muốn hiển thị nội dung cần ẩn đi.

<article id="default-usage">
 <div class="to-lock" style="display:none;">

  -- Nội dung cần ẩn --

 </div>
</article>

Tùy chỉnh tiện ích hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style ( Social Content Locker for Blogger ).

1. Buttons của tiện ích hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style
Bạn thích nút buttons hiện gì thì bạn thay từ khóa bạn muốn vào code được chèn trước thẻ </head>

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

2.Thems

Có 5 kiểu thems cho bạn lựa chọn:

Kiểu "secrets"

Kiểu "dandyish"

Kiểu "flat"

Kiểu "glass"

Kiểu "starter"

Bạn muốn tiện ích  hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style 

thì tìm đoạn code theme: "secrets" và thay thàng thems bạn thích.

3. Thời gian: Nếu bạn muốn nội dung sẽ tự động hiện sau một khoảng thời gian đặt trước thì thêm tìm timer: 0 thay số 0 bằng bất kì giá trị nào bạn muốn.

4.Nút thoát: Nếu bạn muốn thêm nút thoát cho tiện ích này thì thay close: false thành close: true

Thế là đã hoàn thành xong Thủ thuật hiện nội dung khi nhấn Like +1 và twitter cho blogspot với nhiều style, chúc các bạn thành công