Welcome to Blog Thủ Thuật Và Giải Trí!

Tạo khung Like Facebook và Google + trượt dọc bài viết cho Blogspot

Tạo các nút liên kết chia sẻ bài viết theo kiểu trượt dọc là một trong những cách rất hiệu quả để tăng tính quảng bá cho nội dung của bạn. Như hình dưới các bạn thấy cột like and google+ thay vì đứng yên một chỗ đầu hoặc cuối bài viết, hộp chia sẻ trượt dọc luôn luôn đi theo tiến trình của người xem.



Cách làm :

Ở phần Bố Cục > bạn chọn thêm tiện ích > rồi chọn HTML/Javascript (chú ý cái hộp HTML/Javascipt này bạn đặt bên tay phải ở cột right ấy và không cần đặt tên or tiêu đề cho nó).
Tiếp theo, copy đoạn code dưới đây dán vào và lưu lại :



<style type="text/css">
#chiase {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style> 
<div id='chiase'>
    <div style="margin:4px;">
          <div class='nut' id='facebook'>
          <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
          <fb:like layout='box_count' show_faces='false'></fb:like>
          </div>
          <br />
        <div class='nut' id='google'>
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
     </script> 
        <g:plusone size="tall"></g:plusone>
        </div>
    </div>
</div>
Các bạn có thể thay đổi thông số top left cho phù hợp với trang Blog của mình.

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

Đăng nhận xét

Designed by Ngạo thiếu gia
Email : langkhachdasau@gmail.com
Vui lòng ghi rõ nguồn thuthuatvagiaitri.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2015. Thủ Thuật Và Giải Trí - Blog về Thủ thuật | Make Money Online | Game | Ebook - All Rights Reserved
Template Picture by Andynwt
Powered By Blogger
DMCA.com Protection Status