CÁCH TẠO NÚT SHARE (PLUGIN) FACEBOOK VÀ TWITTER TRÊN BLOGSPOT

CÁCH TẠO NÚT SHARE (PLUGIN) FACEBOOK VÀ TWITTER TRÊN BLOGSPOT




Để SEO hiệu quả website, bạn cần phải dựa vào các mạng xã hội để chia sẻ website của mình. Facebook và google plus là 2 mạng xã hội rất phổ biến ở thị trường Việt Nam cũng như thế giới.

Chức năng like facebook là một trong những cách bạn có thể giúp cho bạn chia sẻ bài viết của mình nhanh nhất mà khỏi phải vất vả vào facebook, copy link bài viết, viết giới thiệu bài viết, rồi enter. Các thao tác kể trên được giảm bớt một cách tối đa, chỉ cần nhấn vào nút like được tích hợp sẵn trên blog, bạn có thể giảm bớt số lượng các bước kể trên thành 2 bước, viết giới thiệu và enter.

Quá tiện lợi đúng không các bạn. Vậy thì còn chờ gì nữa. Cùng vào bài nào các bạn.

Sau đây mình xin giới thiệu các bạn các thêm nút like và nút google plus vào blogspot một cách dễ dàng nhất mà không cần phải tốn một khoảng diện tích trên website.

1. Vào trang quản lý blog

2. Chọn Template rồi ấn vào nút Edit HTML

    3. Vào phần code của blog rồi ấn CTRL + F tìm với từ khóa <body
      4. Copy phần đoạn code sau bỏ vào sau thẻ <body>

      <style type="text/css"> #nt_like_wrapper {position:fixed; bottom:40%margin-left:0px; float:left; background-color:#E7E7E7;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;} #nt_like_wrapper .nt_button {float:left;clear:both;} </style> <div id='nt_like_wrapper'> <div style="margin:4px;"> <div class='nt_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='nt_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>
        5. Các bạn có thể chỉnh sửa dịch trái, dịch lên trên xuống dưới với 2 thống số mình đã tô đỏ lên ở trên.

            Ví dụ: 
             - Bạn muốn dịch sang trái 1 đốt ngón tay: tăng margin-left:10px; Dịch xuống dưới: bottom:25%

        6. Vì có bạn thắc mắc là muốn chèn hình vào nút like cho nó đặc biệt một tí thì làm như thế nào.
            Cũng không có gì khó khăn cả. Các bạn chỉ cần copy đoạn code sau để vào sau thẻ <body> như trên là được.

        <style type="text/css"> #nt_like_wrapper { position: fixed; bottom: 36%; margin-left: 0px; float: left; padding: 2px; z-index: 10;} #nt_like_image{ background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3kcMFdPy7vDOsmjh-wsB-h10gMkBaZfpw-5jNQWNBFHyTSDyviiMcQN6S6c8Nm-QT7H060FKXTB2_uhI4UNaZEqBlhYmoaNbN7F0rBCK6JbD5xQXByYDlL_5NiFRLE1V2djpxJZDWq0/w112-h207-p-no/"); width:110px; height: 200px; } #nt_like_wrapper .nt_button { float: left; clear: both; } </style> <div id='nt_like_wrapper'> <div id="nt_like_image"></div> <div style="margin: 4px;"> <div class='nt_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='nt_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>

        Post a Comment

        Previous Post Next Post

        Labels Max-Results No.

        Boxed(True/False)