Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Blogspot

Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot

Trần Bá Đạt bởi Trần Bá Đạt
14/12/2017
trong Blogspot, Thủ thuật Blogspot
2
CHIA SẺ
443
LƯỢT XEM
Chia sẻTweetPinChia sẻ

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

Bài viết này hướng dẫn các bạn cách tạo nút Like FB và G+ chạy dọc theo thân trang, bài viết để tiện cho người dùng, người đọc click đánh giá cũng như share lên 2 mạng xã hội này. Nó giống cái nút đang chạy dọc bên trái web của mình đó

Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot
Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot

Facebook và Google+ là 2 mạng xã hội khá quen thuộc với nhiều người. Trong đó với FB thì đây là mạng xã hội lớn nhất hành tinh rồi. Còn G+, hiện nay gần như chỉ có những SEOer là thường xuyên hoạt động trên này, đơn giản G+ là một đứa con của chính Google, chính vì thế làm việc với G+ thì không bổ ngang cũng bổ dọc cho website của chính mình thôi :))

Đi vào vấn đề chính, đó là cách đứa nút g+ và like facebook chạy dọc thân trang web. Để làm được điều đó bạn hãy vào phần Chỉnh sửa HTML (Edit HTML) trong trang quản trị của Blogger.

Sau đó hãy thêm đoạn code này vào bất kỳ chổ nào trong trang web của bạn, nhưng phải nằm sau thẻ </head> nhé:

<style type=”text/css”>
#chiase {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id=’chiase’>
    <div style=”margin:4px;”>
          <div class=’nut’ id=’facebook’>
          <script src=’https://connect.facebook.net/en_US/all.js#xfbml=1′></script>
          <fb:like layout=’box_count’ show_faces=’false’></fb:like>
          </div>
          <br />
        <div class=’nut’ id=’google’>
     <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>
     </script>
        <g:plusone size=”tall”></g:plusone>
        </div>
    </div>
</div>

 – Trong đó màu này là vị trí của nút like fb và g+, như của mình để là cách mép trên 35%.
  – Còn màu này là màu nền của nút này.
Sau khi thêm nút like fb và g+ này vào, thì có thể trong vài ngày đầu các bạn Like FB sẽ buộc phải confirm để FB xác nhận nội dung. Sau vài ngày FB đã chấp nhận thì chỉ còn bấm Like thôi.

Chúc các bạn có giao diện thật đẹp ^_^

Xem thêm các nội dung khác về Blogspot ở đây: Blogspot 
Copy vui lòng ghi nguồn bài viết được viết bởi: https://www.tranbadat.com/
5/5 - (4 bình chọn)
Chia sẻ2TweetPinChia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
CÓ THỂ BẠN THÍCH
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận 12

  1. MOLYMPIAD says:
    5 năm trước

    làm sao để nút like chạy dọc ngay mép bài viết. Mình thử đổi top:35%; left:0% thành top:35%; left:20%, nhưng trên các máy tính khác nhau, hoặc đơn giản là zoom màn hình lên thì nút like chạy lung tung nhìn không đẹp lăm

    Trả lời
  2. Minh Toàn Hứa says:
    6 năm trước

    Cho mình hỏi nut like cua minh tu nhien ko like duoc nua? blog minh huamtoan.blogspot.com

    Trả lời
  3. Khoa Kiều says:
    7 năm trước

    This comment has been removed by the author.

    Trả lời
  4. Trần Bá Đạt _CTPG_ says:
    7 năm trước

    if cond='data:blog.isMobileRequest == "false"'>

    Thêm <b: vào trước if và nhớ đóng lại.

    Trả lời
  5. Trần Bá Đạt _CTPG_ says:
    7 năm trước

    Bạn thêm code của mấy nút like này vào bên trong thẻ if này nhé:

    Trả lời
  6. Khoa Kiều says:
    7 năm trước

    Chào anh,
    Cảm ơn sự chia sẻ rất hữu ích của anh. Cái thanh trượt dọc này em muốn nó ko xuất hiện khi xem bằng di động thì làm thế nào ạ. Mong anh giúp em !

    Trả lời
  7. Trần Bá Đạt _CTPG_ says:
    7 năm trước

    Cái menu đó thì code thêm 1 tí chứ không có khó đâu.
    Còn cái yêu cầu dưới của bạn thì dài dòng lắm, cái này khó mà chia sẻ được. Còn nếu muốn bạn có thể sử dụng template mình đã chia sẻ sẽ có.

    Trả lời
  8. Phan Hữu Tài says:
    7 năm trước

    anh ơi. anh có thể giúp em cài phần menu cho blog như của anh đc k ạ. với lại làm sao để khi vào trang chủ của blog nó hiện ra các bài viết 1 cách chuyên nghiệp chứ k còn phải từng bài xếp chồng nhau như cách mặc định khi mới tạo blog… cảm ơn anh nhiều. em đã like giúp anh rồi!

    Trả lời
  9. Channelfunnytv says:
    7 năm trước

    click vao quang cao ung ho ban roi nha

    Trả lời
  10. Vũ Hào Quang says:
    7 năm trước

    Chào Đạt , cho mình hỏi hiện tại trong phần HTML của mình có chèn code làm thanh Menu rồi thì giờ copy code của bạn vô vị trí nào để đúng hả bạn?

    Trả lời
  11. Trần Bá Đạt _CTPG_ says:
    7 năm trước

    Like trang chủ, like bài viết là sao bạn?
    Cái này thì mỗi page nó tính like riêng mà laugh

    Trả lời
  12. Mạnh Tri Phương Blog says:
    7 năm trước

    Chào admin, làm sao để ở ngoài trang chủ nó hiển thị phần like của trang chủ còn bài viết nó hiển thị like riêng bài viết bạn nhỉ ? :-s

    Trả lời

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    13 chia sẻ
    Chia sẻ 11 Tweet 0
  • Tổng hợp 1069 icon Facebook – biểu tượng cảm xúc FB 2020

    104 chia sẻ
    Chia sẻ 103 Tweet 0
  • Hướng dẫn nhận key Office 2016 bản quyền, active Office 2016 mới nhất (Updated 2020)

    75 chia sẻ
    Chia sẻ 74 Tweet 0
  • Tải về Microsoft Office 2019 Retail chính thức phiên bản mới nhất

    22 chia sẻ
    Chia sẻ 21 Tweet 0
  • Đánh giá và chia sẻ theme Newspaper 12.1.1 mới nhất miễn phí (Cập nhật)

    26 chia sẻ
    Chia sẻ 25 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Chữ ký số Viettel CA
  • Hóa đơn điện tử viettel
  • bàn trang điểm đẹp
  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.