Chèn background, ảnh nền vào button like Facebook cho Blogspot

Button like ( nút like ) Facebook là một thành phần rất phổ biến trên mỗi website. Nó được đặt ở nhiều nơi trên trang web ( trái, phải, ..) hoặc được trang trí với nhiều phong các khác nhau để tăng tỉ lệ click like cao hơn. 


Hôm nay, Văn Thắng Blog sẽ hướng dẫn cho các bạn thủ thuật trang trí button like cho facebook là chèn background, ảnh nền vào. Giúp cho Web/ blog chuyên nghiệp hơn vào tỉ lệ click sẽ cao hơn.

Chèn background, ảnh nền vào button like Facebook cho Blogspot - Văn Thắng Blog

Chúng ta cùng bắt đầu nhé:



Đầu tiên các bạn cần JavaScript từ Facebook bằng cách vào link này và click chuột vào nút lấy mã. Sau đó copy đoạn JavaScript như hình dưới. ( Nếu Web/blog bạn đã có thì có thể bỏ qua bước này )

Chèn background, ảnh nền vào button like Facebook cho Blogspot - Văn Thắng Blog

Thêm đoạn bôi xanh trên </body> trong HTML

Tiếp theo, các bạn copy đoạn html dưới đặt vào nơi muốn hiển thị:

<div style='width:100%;height:78px;margin:0 auto;background:#ffffff url(https://3.bp.blogspot.com/-a4O7u97UEL8/V_EijwmNSHI/AAAAAAAAEz0/tcvNwrviNWY2eaC3PyzLwv_r_8TInR-twCLcB/s1600/fb_dan.jpg) no-repeat left top;background-size: 100% 100%;'>
<div style='width:230px;height:30px;float:right;margin:30px 0 0 135px;overflow:hidden;'>
<div class='fb-like' data-action='like' data-href='https://www.facebook.com/vanthangblog' data-layout='button_count' data-share='true' data-show-faces='false'></div>
</div></div>

Các bạn copy và chỉnh lại link phù hợp với Blog của mình. Nếu thấy hay hãy share giúp Blog nhé !

5 Ý kiến bạn đọc

Chèn background, ảnh nền vào button like Facebook cho Blogspot

Nhìn giống Web Yan lắm. Nhưng mà cảm ơn bạn đã share cho nền tảng Blogger nhé.

Ad cho em xin template được không :( Template của ad đẹp quá :(

cho e xin cai ten trang web lay ma cai

https://developers.facebook.com/docs/plugins/like-button/

● Không Spam link dưới mọi hình thức.
● Comment sẽ được giải đáp trong ngày.
● Chèn ảnh vào comment bằng các chèn link ảnh trực tiếp
● [pre] Code của bạn [pre], dùng cho code