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

Are you sure?

You want to turn off ads.

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 💗  

Tác giả: Gia Huy NY

Tôi là Huy,Say hello to you!

  • 11 nhận xét: