Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Saturday, April 16, 2016

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

0 comments:

Post a Comment

Popular Posts