Hướng dẫn chèn nút Like Share G+ chạy dọc website

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
Hôm nay mình áp dụng code này nên tiện thể viết luôn bài viết nho nhỏ hướng dẫn những bạn vẫn chưa chèn đc code Like Share G + chạy dọc body website cách thực hiện.

Công việc rất đơn giản các bạn chỉ cần copy nội dung phía dưới và dán vào trang footer của website bạn là ok.

Mã:
<style>
/*--INSERT FB&G+ --*/
#side-menu {
    margin:0 0 220px 1px;/* Chỉnh chỗ này để đặt vào nơi bạn muốn*/
    padding:0 0 0 4px;
    border-radius:4px;
    -o-border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #999;
    background-color:#ffffff;
    text-align:center;
    width:64px;
    position:fixed;
    left:0;
    bottom:2em;
    z-index:9999;Phần margin-left: -4px .
}
#side-menu ul { list-style:none; margin:0; padding:0; }
#side-menu ul li {
    display:block;
    text-align:center;
    padding:0;
    margin:0.35em auto;
    width:64px;
}
</style>
<!--chen FB G+ -->
  <div id='side-menu'>
    <ul>
        <li>
      <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
      </li>
      <li>
            <!-- Place this tag where you want the +1 button to render -->
            <g:plusone size="tall"></g:plusone>
        <script type="text/javascript">
        (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
        })();
        </script>
        </li>
        <li>
            <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via=" 9xinh ">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </li>
      <li>
            <p><b>Click for sharing</b></p>
      </li>
  </ul>
  </div>
  <!--End chen FB G+ -->


Nguồn: tailieu24h.net​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom