Chèn like facebook, google plus, Twitter Button vào website / blog - Tri Thức

Tìm kiếm thông tin

Hành trình phá án: Điệu hổ ly sơn

Kết quả xổ số

Tỉ giá: Vàng - Ngoại tệ

Dự báo thời tiết

Bài thuốc tự chế vĩnh biệt bệnh xoang không tốn tiền

Một số bài toán chọn lọc ở Tiểu học

Bài luyện tập Toán- Tiếng Việt lớp 5 theo tháng

Vào bếp - Nấu ăn

Lịch sử - Nhân vật

Gốc > Chia sẻ - Thủ thuật > Thủ thuật - Kinh nghiệm >

Tạo bài viết mới Chèn like facebook, google plus, Twitter Button vào website / blog

1. Tạo Facebook Like Button

Vào đề luôn cho mau, để tạo được button like bạn vào địa chỉ:http://developers.facebook.com/docs/reference/plugins/like/ kéo xuống đoạn giữa gặp một đống các tùy chọn để tạo ra button like face bạn khai báo các thông tin cần thiết cho nó: Like Button Facebook cho website Bạn thay đổi các tùy chọn đó và xem demo sao cho vừa ý, hiển nhiên là trước đó bạn đã tạo một trang trong facebook rồi, giống như face của bcdonline.net chẳng hạn. Tiếp đến bạn get code và làm theo hướng dẫn của nó. Get code Like Facebook Button Khi get code có nhiều lựa chọn cho bạn lấy code để vào trong website: HTML5, XFBML, IFRAME, Đường Dẫn URL. Tùy vào mức độ bạn tùy chỉnh mà có hỗ trợ hết các kiêu đó hay không tuy nhiên trong đó IFRAME là dễ sử dụng nhất bạn chỉ việc để vào nơi mà bạn muốn hiển thị trong site.

2. Thêm nút Google + 1 vào website

Đây là nút dễ làm nhất trong 3 button mình giới thiệu trong bài này, các bạn vào các website bây giờ hầu hết đều có nút này vì ai cũng muốn web mình sẽ xuất hiện ở kết quả tìm kiếm của google càng nhiều +1 thì độ tin cậy càng cao. Đầu tiên bạn vào đường link: http://www.google.com/intl/vi/webmasters/+1/button/ ở đây có nhiều tùy chọn cho bạn và kết quả demo giống như facebook like button. Tuy chon trong Google plus 1 website Tùy chon trong Google plus 1 website Sau đó bạn nhìn xuống bên dưới có đoạn code và bạn làm theo chú thích phía trên mỗi đoạn code.

<!--
// Đặt thẻ này ở nơi bạn muốn nút +1 hiển thị
<g:plusone></g:plusone>

// Đặt cuộc gọi hiển thị này ở nơi thích hợp
<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>
-->

<!--

// Đặt thẻ này ở nơi bạn muốn nút +1 hiển thị

<g:plusone></g:plusone>

// Đặt cuộc gọi hiển thị này ở nơi thích hợp

(function(){

varpo=document.createElement('script');po.type='text/javascript';po.async=true;

po.src='https://apis.google.com/js/plusone.js';

vars=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);

})();

</script>

-->

Cơ bản như thế là đã được nút +1 của google rồi, bạn để đoạn trên ở nơi muốn hiển thị, đoạn thứ 2 vào trong thể head của website mình. Ngoài ra còn có một số tùy chỉnh nâng cao bạn tham khảo thêm nha!

3. Tạo Twitter Button

Cũng như Facebook và Google + Twitter là một trong những mạng xã hội lớn đáng được quan tâm, các doanh nhân, người nổi tiếng, ban nhạc hay doanh nghiệp… đều có sử dụng Twitter. Website của bạn muốn có button share Twitter ban truy cập vào địa chỉ:https://twitter.com/about/resources/buttons chọn kiểu hiển thị button twitter. Chọn Twitter Button Tiếp theo nhập và các thông tin cần thiết và get code để vào mơi muốn hiển thị button twitter như hình sau.