Blogger

Khung Thông Báo Hiện Lên Ở Phía Dưới Cho Blogspot

Hiện tại Hùng Coder chia sẽ một mã nguồn đơn giản cho mọi người ;), nhưng rất hữu ích nhé mọi người. Nó sẽ thông báo ở phía bên dưới cho mọi người dễ nhìn thấy :D và kiểm tra xem có gì Hot. Còn đây …

Hung.Pro.VN

Developer Windows

---

• 22/11/2017
• Views

• #Blogger
• #CSS
• #HTML

Hiện tại Hùng Coder chia sẽ một mã nguồn đơn giản cho mọi người ;), nhưng rất hữu ích nhé mọi người. Nó sẽ thông báo ở phía bên dưới cho mọi người dễ nhìn thấy :D và kiểm tra xem có gì Hot. Còn đây là đoạn code

Đoạn CSS

.HungCoder{width:100%;margin:0;height:45px;font-size:14px;line-height:45px;font-weight:400;color:#fff;background:#363977;text-align:center;text-shadow:0 1px 1px #666}
.HungCoder span{font-weight:400;margin-left:20px;background:#fff;padding:5px;color:#fff;background:#F47555!important;padding:2px 15px;cursor:pointer;text-decoration:none;border-radius:3px}
.HungCoder span a{color:#fff;text-decoration:none}
.HungCoder i{float:right;padding-right:20px;cursor:pointer;line-height:45px;font-size: 18px!important}
.toggleclose{top:-75px!important}
.togglebody{margin-top:0!important}
.fa-arrow-down{display:none}
.HungCoder{z-index:99999;bottom:0;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;position:fixed}
.author-box{background:#fff;width:auto;height:auto;border:1px solid #eee;margin:10px 0 20px;padding:20px;position:relative;z-index:5;float:left}
.author img{padding:0;height:90px;width:90px;float:left;margin:0}
.author-info{float:left;padding-left:3%;width:80%}
.author-info a,.author-info span{font-size:17px;font-weight:600;color:#222}
.author-about{margin:0;padding:10px 0 0;color:#000!important;font-size:13px}

Đoạn HTML

<div class='HungCoder'>Hiện Tại Hùng Coder Đang Phát Hành Ứng Dụng View Link Miễn Phí Cho Mọi Người<span><a href='https://goo.gl/Rt11Z4' target='_blank'>Click Here</a></span><i class='fa fa-times'/></div><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

DEMO ở Blogspot Này

Previous post

Khung Thông Báo Hiện Lên Ở Phía Dưới Cho Blogspot

Next post

Khung Thông Báo Hiện Lên Ở Phía Dưới Cho Blogspot

Related post

---

Hung.Pro.VN

Nhà thiết kế Web

View Articles

Tôi là admin trang Hung.Pro.VN là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...

Share this article