Tạo Bộ Nút Mạng Xã Hội Social trượt dọc biên trái cho Blogspot

Floating Social Media Sharing là một tiện ích rất phổ biến trên tất cả các blog hàng đầu và đây là một trong những cách để tăng số lần bài viết của bạn được chia sẻ trên  Facebook, G+ và Twitter.

Cách thức tiến hành như sau:
Tạo một Widget tiện ích mang tên HTML/JavaScripr trong Bố cục

Chép Source Code dưới đây vào khung soạn thảo Code của tiện ích:

<style type="text/css">
   #Share {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
   #Share .Sharebutton {float:left;clear:both;}
</style>
<div id='Share'>
   <div style="margin:4px;">
      <div class='Sharebutton' 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='Sharebutton' id='google'>
         <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
         <g:plusone size="tall"></g:plusone>
      </div>
  <div class='Sharebutton' id='twitter'>
         <a class="twitter-share-button"  href="https://twitter.com/share" data-count="vertical"> Tweet </a>
<script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>
      </div>
   </div>
</div>

Save tiện ích lại và cho Blogspot hoạt động thử, bạn sẽ thấy bên trái Blogspot xuất hiện khung chữ nhật có chứa các nút chia sẽ mạng xã hội, có nền màu xanh dương như hình vẽ trên trái khung Source Code.

Một cách nữa, mình đã có thử qua, chỉ bằng cách vọc thôi. Bạn có thể mỡ Template, vài mục chĩnh sữa HTML sử dụng Ctrl+F, tìm kiếm ]]></b:skin> và chép Source Code vào phía trước nó. Xong nhấn Save lại Template, Vậy là được rồi đó bạn.
Chúc các bạn thành công

Minhnguyen's Blog