Home » Học wordpress có lâu không » Chèn like facebook, google plus, Twitter Button vào website / blog

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ó: 1 Chèn like facebook, google plus, Twitter Button vào website / blog 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ó. 22 Chèn like facebook, google plus, Twitter Button vào website / blog 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. 3 Chèn like facebook, google plus, Twitter Button vào website / blog 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 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>
–>
1
2
3
4
5
6
7
8
9
10
11
12
13
<!–
// Đặ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>
–>

 

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. Chon Twitter Button Chèn like facebook, google plus, Twitter Button vào website / blog 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. Khai bao thong so va get code lay Twitter Button Chèn like facebook, google plus, Twitter Button vào website / blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s