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 |
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 ^_^
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
Cho mình hỏi nut like cua minh tu nhien ko like duoc nua? blog minh huamtoan.blogspot.com
This comment has been removed by the author.
if cond='data:blog.isMobileRequest == "false"'>
Thêm <b: vào trước if và nhớ đóng lại.
Bạn thêm code của mấy nút like này vào bên trong thẻ if này nhé:
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 !
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ó.
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!
click vao quang cao ung ho ban roi nha
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?
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à
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