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ú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 )

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é !