GET LINK
Trong bài viết này mình tiếp tục chia sẻ cho các bạn code nút Zalo và Messenger đơn giản cực nhẹ cho Blogspot
(*) Note: Backup lưu lại Template trước khi chỉnh sửa CSS để tránh lỗi chủ đề.
Đầu tiên vào Chủ đề của Blogspot => Tùy chỉnh => Chỉnh sửa HTML
Copy đoạn code bên dưới và dán vào trước thẻ: </body>
<b:if cond='data:blog.isMobileRequest == "true"'>
<style>
.fb-profile {position: fixed; bottom: 150px; right: 5px; width: 50px; height: auto;}
.zalome {position: fixed; bottom: 90px; right: 5px; width: 50px; height: auto;}
</style>
<div class='fb-profile'><a href='fb://profile/100006479389040' target='_blank'>
<img alt='icon facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGAWAmtqvtyv7zltwbYTtVPOZh87a-HTrRrcPGDsenIfaV9YQ9H4anSg8p7w-j_aWXZRXXnT8SXAbfZs3BDsRmn3LWpgJPF1KhiHOwTPXVJKkTht8UKbdmZWvSp-85vdYNSUidXeOyevs/s0/t-facebook.webp'/>
</a></div>
<div class='zalome'><a href='https://zalo.me/0931118494' target='_blank'>
<img alt='icon zalo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEcrAnoM9_X89-gVUbOdapscs5vHSNv48Heiici3Z-lrfSsObt5hjcA6RHM4CKdIpN8F15hy7qpu6GuoWh7HBZ9iUe-h0dQjJtF27Tmc8ECjBsVEvJyYuVOJhOVr4U00zBrmUHSVza4XQ/s16000/t-zalo.png'/>
</a></div>
</b:if>
Lưu lại CSS. Thoát ra và kiểm tra.
Nếu có bất kỳ thắc mắc nào bạn hãy để lại comment bên dưới để cùng nhau trao đổi thảo luận nhé!
#TienWiki
TAGs:
CSS