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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,061
Được Like
10,175
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

Hosting Giá rẻ

hosting free
hosting free
Top Bottom