Tạo icon Thông Báo cực đẹp cho Blog-Website
Tạo icon Thông Báo cực đẹp cho Blog-Website. |
Thông Tin:
Code này được mình Rip từ BSW và edit lại,Code này cug không phải do bsw viết ra đâu nên mình rip không cần xin gì hết.Ai lấy thì lấy, ko thui nha, đừng có nói lời cay đắng.
Hướng Dẫn :
Đầu tiên bạn cần thêm đoạn CSS để làm đẹp cho nó.
/*Tạo Icon Tin Nhắn Động PC4x*/#notif-wrapper{position:fixed;width:100%;z-index:999}Artikel Terkait
- Tạo sitemap (sơ đồ) cho blogspot theo phong cách chuyên nghiệp
- Get Link Video Google Drive Đơn Giãn Mới Nhất 2019
- Hướng Dẫn Tạo Link Động Ở Trang Chủ Chuyên Nghiệp Trên Blogspot
- Trang trí Tết 2019 cho Blogspot bằng hình ảnh câu đối, cành mai treo hai bên
- Hướng dẫn cài đặt comment của DISQUS cho Blogger
.blanternotif{background:#7577a9;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out}
.blanternotif i{color:#FFF;font-size:20px;margin:16px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out}
Sau đó các bạn chèn đoạn này trên thẻ </body
<div id='notif-wrapper'>
<a class='blanternotif' href='javascript:;' title='Thông Báo'><i class='far fa-bell'></i></a>
<div class='notifbox'>Hệ Thống Viplike-Tool Facebook Miễn Phí Cho Ai Cần Ngay Trên Thanh Menu!</div>
</div>
<script type='text/javascript'>
$(document).ready(function(){$(".blanternotif").click(function(){$(".notifbox,#notif-wrapper").toggleClass("aktif");});});
</script>
Nếu bạn không muốn nó xuất hiện trên giao diện điện thoại thì sử dụng Code này thay vì đoạn code trên.
<b:if cond='data:blog.isMobileRequest == "false"'>
<div id='notif-wrapper'>
<a class='blanternotif' href='javascript:;' title='Thông Báo'><i class='far fa-bell'></i></a>
<div class='notifbox'>
Hệ Thống Viplike-Tool Facebook Miễn Phí Cho Ai Cần Ngay Trên Thanh Menu!</div>
</div>
</b:if>
<script type='text/javascript'>
$(document).ready(function(){$(".blanternotif").click(function(){$(".notifbox,#notif-wrapper").toggleClass("aktif");});});
</script>
Mọi người Copy Code Xin Vui Lòng Để Nguồn idblanter Giúp Ạ, Tks!
Subscribe Our Newsletter
Posting Terkait
- Danh mục bài viết liên quan dạng Widget
- Hướng dẫn cài đặt comment của DISQUS cho Blogger
- Thêm nút trở về đầu trang vào Blogger smooth scrolling
- Hướng dẫn xóa bản quyền chân trang mà không sợ chuyển hướng về site khác
- Hướng dẫn rút gọn bài viết trên trang chủ blogger
- Đặt quảng cáo Adsense tự động sau thẻ Readmore của blogspot
0 Response to "Tạo icon Thông Báo cực đẹp cho Blog-Website."
Đăng nhận xét