Gia Huy NY BLOG

Blog chia sẻ ảnh chất lượng cao - thủ thuật hay - ảnh bìa chất

Hướng Dẫn Tạo Thanh Thông Báo Hiển Thị Dưới Menu Cho Blogger

Hello 500 anh em hôm nay mình lại viết về thủ thuật Blog chia sẻ cho những bạn chưa biết có thể học và làm theo vô cùng đơn giản và rất dễ dàng :v

Bước 1 : Các bạn dán css này dưới thanh menu vào Blog của mình :
<style>#mayyoulike {height: 42px;line-height: 41px;background: #fff;border-radius:50px 0 0 0;margin-bottom:8px;box-shadow:0 0 12px rgba(0,0,0,0.1);border:1px solid #d5d5d5;}.mayyoulike-text {background:#ef6f66 url(https://3.bp.blogspot.com/-Uclzj9nCjUE/WtdUakOMRsI/AAAAAAAABZg/w5mTJ7kEeegfFsToKwTEBq0vSzrWj6qFQCLcBGAs/s1300/wave-bg-bacsiwindows.jpg) no-repeat center center;background-size:cover;line-height: 42px;float: left;border-radius:50px 0 50px 0;font-size: 18px;padding-left: 35px;padding-right: 35px;color: #FFF;font-weight:600;position: relative;margin-right: 35px;}#mayyoulike a {font-size:17px;color: #2a2a2a;transition: .3s;}  #mayyoulike a:hover{letter-spacing: 1.0px; color:#5c5c88; font-weight:600}#mayyoulike img {float: right;width: 35px;padding-right: 10px;}</style>


Bước 2 :  Dán tiếp code này phía dưới code của bước 1 để nó có thể hiển thị trên Blog của bạn 
<div class='row' id='mayyoulike'><div class='mayyoulike-text'>THÔNG BÁO <i class='fas fa-bullhorn'/></div><a href=''>MÌNH SẼ CỐ GẮNG RA NHIỀU BÀI VIẾT HAY CHO CÁC BẠN NHÉ!</a><img alt='hot' original='https://2.bp.blogspot.com/--mC2HJBWaN8/Ww11Rk6OZ9I/AAAAAAAAE3E/NRc4wE1wcEsHmtjdZE3_7FdU1MYgoJwPgCLcBGAs/s1600/icon-hot.png' src='https://2.bp.blogspot.com/--mC2HJBWaN8/Ww11Rk6OZ9I/AAAAAAAAE3E/NRc4wE1wcEsHmtjdZE3_7FdU1MYgoJwPgCLcBGAs/s1600/icon-hot.png'/></div>
Do code này chưa được responsive trên điện thoại nên các bạn thêm thẻ điều kiện này nhé :
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'><div class='row' id='mayyoulike'><div class='mayyoulike-text'>THÔNG BÁO <i class='fas fa-bullhorn'/></div><a href=''>MÌNH SẼ CỐ GẮNG RA NHIỀU BÀI VIẾT HAY CHO CÁC BẠN NHÉ!</a><img alt='hot' original='https://2.bp.blogspot.com/--mC2HJBWaN8/Ww11Rk6OZ9I/AAAAAAAAE3E/NRc4wE1wcEsHmtjdZE3_7FdU1MYgoJwPgCLcBGAs/s1600/icon-hot.png' src='https://2.bp.blogspot.com/--mC2HJBWaN8/Ww11Rk6OZ9I/AAAAAAAAE3E/NRc4wE1wcEsHmtjdZE3_7FdU1MYgoJwPgCLcBGAs/s1600/icon-hot.png'/></div></b:if>

Chúc các bạn thành công 💗  

Lê Võ Gia Huy Designer

Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Các bạn hãy đóng góp ý kiến của mình vào đây giúp tôi nhé !
Mọi chi tiết xin liên hệ:
Email : giahuylevo412@gmail.com
Facebook: https://www.facebook.com/giahuynyblog/
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • 11 nhận xét: