Hướng dẫn chèn Like Button của Facebook vào Blogger
Sunday, 13 June 2010
Facebook đã bổ sung thêm Facebook Like cho phép bạn có thể ấn "like" và chia sẻ thông tin hữu ích với những người khác trên chính trang Facebook profile của họ. Ngoài ra nhờ tính năng này bạn có thể nhận biết được có bao nhiều người thích bài đăng trên Blog của bạn.
Có rất nhiều bài hướng dẫn bạn thực hiện, nhưng với thủ thuật sau đây, bạn chỉ cần copy và dán dòng code HTML vào trong Blogger là xong.
Nào chúng ta hãy bắt đầu thực hiện chèn nút Facebook Like dưới mỗi bài viết bằng các bước đơn giản sau:
Vị trí chèn code trong Blogger
- Đăng nhập vào Blogger
Bảng điều khiển (Dashboard) >>
Thiết kế (Design) >>
Chỉnh sửa HTML (Edit HTML) >> Click chọn vào ô check
Mở rộng mẫu tiện ích (Expand Widget Templates)
- Tìn (Ctrl-F) đoạn mã :
<data:post.body/>
Chèn Code hiển thị Facebook Like vào Blogger:
- Chèn ngay dưới đoạn code đã tìm được ở trên đoạn mã dưới đây:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
- Lưu mẫu để hoàn thành công việc.
Tùy chỉnh :
Bạn có thể tùy chỉnh hiển thị nút Like Button như sau:
- Code trên cho phép Like Button hiển thị trên mỗi bài viết, nếu bạn muốn hiển thị tại tất mọi nơi (Trang chủ, Label…) bạn hãy gỡ bỏ dòng
code màu đỏ.
- Thay đổi dòng
action=like thành to
action=recommend trong dòng code trên để thay đổi chữ hiển thị “Like” bằng “Recomment”
- Thay đổi màu nền của Like button: Thay đổi
colorscheme=light thành
colorscheme=dark hoặc
colorscheme=evil
- Thay đỏi font chữ hiển thị: Bạn có thể thay đổi font hiện tại
font=arial bằng các font sau:
- font=lucida+grande
- font=segoe+ui
- font=tahoma
- font=trebuchet+ms
- font=verdana
CHÚC CÁC BẠN THÀNH CÔNG !!!
Tags:
Breakingnews,
Facebook,
Khoi tao Blog,
Networking,
Quang ba blog,
Widget
Ý kiến bạn đọc [ 17 ]
like like
em thấy thay thế mấy đoạn đó ko jong' gi` het , de? tự nhiên hay hơn
Cãm ơn anh đã pos bài nầy nha
Hi hi anh phải cảm ơn show9vip ấy chứ. Nhờ yêu cầu của em anh mới viết được bài này
http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/
Anh chinh xem hộ em cái menu nầy là của Web hay Blogger vây ,
add mãi mà không được
Chắc lúc nào em phải chuyển qua xài blogger thử cho một em sub domain thế nào mới được
Thanks bạn nhiều nhé ! đang cần mà cài hoài không được .Giờ được rồi ! HAVE A NICE DAY !
bác cho em hỏi chương trình PLANET PULSE có còn hoạt động không bác...
em thử reg theo link bên bác, nhưng vào trang đó...thấy lâu lâu không có update trên đó.
http://c.upanh.com/upload/8/124/SC0.12362122_61962_1.jpg anh chinh giup em tìm cái nầy nha , em thấy bên blogtruyen ak
#7 @ nghíadoi: Lâu không thấy gì, vừa rồi có 2 cái nhưng toàn báo lỗi bạn à
Lâu rồi không thấy bác Chính ghé nhà em chơi nhỉ? Chắc là bận làm ăn gì rồi à?
nhu buoc 1 anh huong dan ... e ctrl + F tim doan ma nay khong ra, anh giup ho e di
Bạn Pham Hoai Nam phải stick vào ô "Mở rộng mẫu tiện ích" thì mới search ra được đoạn code đó.
mún like rồi post comment thì làm sao ạ?
like
Đa tạ pác,tìm mãi mới ra cái này
Đã làm xong
Ngon
Cảm ơn bạn nhé!
minh lam ma no khong hien thi duoc :(
Ý kiến của bạn