Ads 468x60px

CSS

Thứ Năm, 10 tháng 5, 2012

Cách thêm nút Like Facebook vào blog/web, 24 html

(24 htmlFacebook gần đây có thêm chức năng : đưa nút Like vào các trang web/blog và nếu người dùng nhấn Like thì các bài viết đó sẽ được đăng lên tường của người dùng.
Cơ sở này cho phép bạn chia sẻ nội dung dễ dàng hơn. Bài viết này cung cấp từng bước hướng dẫn cách thêm "Like" cho blog của bạn (Blogspot), một trong những loại dịch vụ được sử dụng phổ biến ngày nay.

Bước 1: 
Đi tới trang "Facebook Developers":http://developers.facebook.com/docs/reference/plugins/like

Bước 2:
Thiết lập các tùy chọn bạn muốn. Cụ thể, chọn xem có phải bạn muốn chèn nút "Like" hoặc một nút "Recommend". Nút mẫu trên trang web sẽ cho thấy sự lựa chọn của bạn.

Bước 3:
Để trống : "URL to Like" và bạn sẽ điền sau.

Bước 4:
Click "Get Code".

Bạn sẽ thấy một đoạn dạng như dưới đây:

Code:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none;overflow:hidden; width:450px; height:px"></iframe>



Bước 5:Thay thế đoạn text dưới đây:

Bước 6: 
Chuyển đến Bảng điều khiển Blogger.

Bước 7: 
Mở blog của bạn ra, và click vào Edit HTML

Bước 8: 
Sao lưu giao diện của bạn và click Download Full Template.

Bước 9: 
Kiểm tra Expand Widget Templates.

Bước 10:
Tìm chỗ để đặt code chèn nút "Like" vào giao diện web/blog của bạn. Một vị trí tốt là trực tiếp đằng sau hoặc bên dưới:

Code:
<div class='post-footer'>


*Dùng chức năng Find để tìm chỗ thay thế nhanh hơn.

Bước 11:
Lưu và kiểm tra xem nút Like đã xuất hiện chưa. Một khi bạn đã nhìn thấy nó, thì bạn đã thành công rồi đó!




Nguồn: thegioididong.com




Click vào nếu bài viết hữu ít hoặc hay đối với bạn ! thanks .^-^. (24html)

1 nhận xét: