Thêm Box Like Facebook Cố Định Bên Phải Cho Blogspot

Như chúng ta đã biết Facebook là mạng xã hội lớn nhất thế giới. Nó cung cấp rất nhiều dịch vụ và tiện ích hay. Nút Like cũng là một trong những thành phần phổ biến và quan trọng của mạng xã hội này. Để có nhiều like các bạn phải quen  biết rộng rải và có nhiều người để ý đến mình,... Hoặc có thể sử dụng những dịch vụ tăng like trên Auto-bot.me


Nhưng nếu bạn có Website/ Blog bạn hãy có đem nút like lên để có nhiều người tiếp cận và tỉ lệ click nút like sẽ cao hơn. Vì thế hôm nay Văn Thắng Blog sẽ hướng dẫn các bạn các mang nút like lên Blogspot một các đơn giản nhất đó là " Box Like Facebook Cố Định "

Thêm Box Like Facebook Cố Định Bên Trái Cho Blogspot - Văn Thắng Blog


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

Có 2 cách để thêm vào đó là Thiên Tiện Ích và Chỉnh HTML 

Cách 1: Vào trang quản lí Blog của bạn > Mẫu > Chỉnh sửa HTML 

- Thêm CSS: Tìm ]]>< và thêm đoạn code phía dưới trên nó:

#rightBoxLike{position: fixed; right: 0; top: 25%; z-index: 10000}
.likeBox{background-color: rgba(150, 150, 150, 0.3);border-bottom-left-radius: 5px; border-top-left-radius: 5px;margin-bottom: 10px;padding: 10px}

- HIển Thị: Tìm </body> Thêm code dưới trước nó:


<div id='rightBoxLike'>
    <div class='likeBox'>
       <div class='fb-like' data-action='like' data-href='https://www.facebook.com/vanthangblog' data-layout='box_count' data-share='false' data-show-faces='true' data-size='small'/>
<div class='fb-share-button' data-layout='box_count' data-mobile-iframe='true' data-size='small'><a class='fb-xfbml-parse-ignore' href='https://www.facebook.com/sharer/sharer.php?u&amp;src=sdkpreparse' target='_blank'>Chia sẻ</a></div>
    </div>
</div>

Xong. Thế Là Lưu lại


Cách 2:  Vào trang quản lí Blog của bạn > Bố cục > Thêm tiện ích > HTML/JavaScrip- Copy hết Code vào  và lưu lại:



<style>#rightBoxLike{position: fixed; right: 0; top: 25%; z-index: 10000}
.likeBox{background-color: rgba(150, 150, 150, 0.3);border-bottom-left-radius: 5px; border-top-left-radius: 5px;margin-bottom: 10px;padding: 10px}
    <div class='likeBox'>
       <div class='fb-like' data-action='like' data-href='https://www.facebook.com/vanthangblog' data-layout='box_count' data-share='false' data-show-faces='true' data-size='small'/>
<div class='fb-share-button' data-layout='box_count' data-mobile-iframe='true' data-size='small'><a class='fb-xfbml-parse-ignore' href='https://www.facebook.com/sharer/sharer.php?u&amp;src=sdkpreparse' target='_blank'>Chia sẻ</a></div>
    </div>
</div>

Chú ý: Cách bạn thay đoạn màu xanh trên thành link Facebook của bạn
Hãy Like và Share nếu thấy bài viết hay !

3 Ý kiến bạn đọc

● 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