HOT !!!Hiện Tại HungCoder.Com Đang Phát Hành Trang Chat Miễn Phí Cho Mọi Người Giao Đỗi Thông Tin Với Nhau.Click Here

Thứ Tư, tháng 11 22, 2017

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

2 nhận xét

  1. Blog ông có thường xuyên viết bài ko vậy?

    Trả lờiXóa
    Trả lời
    1. không ông ạ. Cũng lâu lâu mới có bài vì 1 phần mình còn đi làm nữa nên thời gian cũng hạn hẹp cho việc viết bài mới :D

      Xóa


Top