970x90

Cách tạo nút like facebook & google plus trượt dọc
Cách tạo nút like facebook & google plus trượt dọc


Bài viết này THỦ THUẬT BLOGSPOT xin chia sẽ
"Cách tạo nút Like Facebook và Google+ đến các Blogger mới vào nghề"

Nút share bài viết lên mạng xã hội theo kiểu trượt dọc
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. 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, điều đó làm tăng tỉ lệ click like và share nhiều hơn.
Nếu bạn đang dùng WordPress thì sẽ có khá nhiều plugin trợ giúp cho bạn, nhưng với Blogspot bạn phải dùng đến Code. Code để tạo cũng rất đơn giản chỉ khoảng 15 dòng và bạn chỉ việc Copy - Paste vào là xong.
Bây giờ ta bắt đầu thực hiện các bước sau:

Bố Cục > Tiện Ích > HTML/Javascript


Mục HTML/Javascript nhằm thêm chức năng bên thứ ba (Chú ý: HTML/Javascipt này bạn đặt bên tay phải ở cột right ấy và không cần đặt tên (tiêu đề) cho nó)...

Thêm chức năng của bên thứ ba cho blogspot
Tiếp theo là Copy và Paste đoạn Code vào phần nội dung
Rồi nhấn Lưu
Cho code vào nội dung
Và cuối cùng dưới đây là đoạn Code mà bạn cần:

<style type="text/css">
#chiase {position:fixed; bottom:25%; margin-left:-740px; float:left; background-color:#FFFFFF;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;}
#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>

- Để thay đổi khoảng cách của nút like từ đáy lên trên, bạn điều chỉnh con số 25% ở phần "bottom: 25%".
- Còn nếu muốn thay đổi khoảng cách giữa nút like với bài viết thì điều chỉnh giá trị -740px ở phần "margin-left: -740px".

Đăng nhận xét

Nguyễn Duy Giang

{picture#https://1.bp.blogspot.com/-g9yBlmBaTqE/WrjioUbUeRI/AAAAAAAAkog/Bz6Nhx7FvOwb0F9nFWJ1tPPtaZLiTWfJwCLcBGAs/s1600/nguyen-duy-giang.png} GIỚI THIỆU VỀ TÔI {facebook#https://www.facebook.com/ernestonguyengiang} {twitter#https://twitter.com/duygiangnguyen} {google#https://plus.google.com/u/1/+NguyenDuyGiang} {pinterest#https://www.pinterest.com/nguyenduygiang/} {youtube#https://youtube.com/nguyenduygiang} {instagram#https://www.instagram.com/nguyenduygiang/}
Được tạo bởi Blogger.