Tạo nút like, google+ và share chạy dọc trong Blogspot

Bài viết cùng chuyên mục

Việc liên kết blogspot với các mạng xã hội là rất cần thiết với mỗi blogger. Vì vậy tạo thêm các nút like facebook, google+ và chia sẻ sẽ giúp blog của có thêm nhiều lượt truy cập hơn

Để Tạo nút like facebook, google+ và share chạy dọc trong Blogspot

Tiến hành đăng nhập vào trang quản trị Blogger
Chọn Bố cục
Tại vị trí bất kỳ trong trang Bố cục chọn Thêm một tiện ích (như đã hướng dẫn ở bài Chỉnh sửa bố cục trong Blogger)tiếp đến chọn tiện ích HTML/JavaScript,

Phần Tiêu đề bỏ trống, bạn copy, dán đoạn Code sau vào Nội dung sau đó lưu lại và tận hưởng thành quả

Code

<style type="text/css">
#hdtaoblogaz{position:fixed;top:40%;left:0%;float:left;background-color:#FFF;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #CCCCCC}
#hdtaoblogaz .button{float:left;clear:both}
</style>
<div id='hdtaoblogaz'>
    <div style="margin:2px;">
          <div class='item' style='margin-left:2px'>
          <div class='button' 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='button' id='google'>
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
     </script>
        <g:plusone size="tall"></g:plusone>
        </div>
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
</div>

Bạn có thể thay đổi các thông số css như
top:40%;
left:0%;
float:left;
background-color:#FFF;
để đặt chúng ở vị trí phù hợp với template của bạn

Chúc thành công