Tạo Facebook Like Button cho Blogspot

Để chèn Facebook Lite Button bạn chỉ cần truy cập vào trang Facebook plugin và chọn các tính năng bạn cần sử dụng trên blog như hình dưới (cũng có thể không cần truy cập, chỉ cần copy đoạn code được hướng dẫn dưới đây và chỉnh lại cho phù hợp).

Bạn có thể tùy chọn kiểu button phù hợp với giao diện của blog cũng như là sở thích của mình.
Có các kiểu button như sau:

Sau đó nhấn nút Get code để lấy đoạn mã chèn vào blog.
Sau khi đã lấy code của button, bạn truy cập vào tài khoản Blogger. Chọn Layout -> Edit HTML -> Chọn Expand Widget Templates.
Sau đó tìm đoạn code:

<data:post.body/>

Nếu muốn chèn nút LIKE phía dưới tittle trên nội dung bài viết thì bạn chèn đoạn code lấy từ Facebook trước , ngược lại nếu muốn nút LIKE xuất hiện vào cuối bài viết thì chèn code lấy từ Facebook vào sau đoạn .
Ví dụ:

?

1

&lt;iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252F<span style="color: #ff0000;">www.etraveltips.net</span>&amp;amp;<span style="color: #0000ff;">layout</span>=<span style="color: #ff0000;">standard</span>&amp;amp;<span style="color: #0000ff;">show_faces</span>=<span style="color: #ff0000;">true</span>&amp;amp;<span style="color: #0000ff;">width</span>=450&amp;amp;action=<span style="color: #ff0000;">like</span>&amp;amp;font=verdana&amp;amp;<span style="color: #0000ff;">colorscheme</span>=<span style="color: #ff0000;">dark</span>&amp;amp;<span style="color: #0000ff;">height</span>=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;

Có thể tùy chỉnh lại chiều cao, độ rộng của button cho phù hợp.
Nếu sau một thời gian sử dụng bạn muốn thay đổi kiểu button bạn có thể tùy chỉnh trực tiếp vào đoạn code lấy từ Facebook.
Layout = standard / button_count
show_faces = true / false
action = like / recommend
colorscheme = light / dark
height: 60px

Save Template

Các bạn đang xem trang http://www.CONETVN. blogspot.com