Saturday, July 14, 2018

HƯỚNG DẪN TẠO THÔNG BÁO BÊN DƯỚI MENU CHO BLOGSPOT

HƯỚNG DẪN TẠO THÔNG BÁO BÊN DƯỚI MENU CHO BLOGSPOT


Đến giờ lại lên :v Xin chào các bạn!!! đọc cái tiêu đề chắc các bạn biết hôm nay sẽ là chuyên mục gì rồi đúng không :3 không nói nhiều nữa vô luôn cho nóng!!





HƯỚNG DẪN THỰC HIỆN

Bước 1: Các bạn thêm đoạn CSS này vào bên trên thẻ ]]></b:skin>.
#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;}
Bước 2: Thêm đoạn code này vào vị trí bạn muốn hiện thị (thường là dưới menu).
<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> 


LỜI KẾT

Chỉ là vài đoạn code nhỏ ta đã có một thông báo làm đẹp thêm cho blog rồi!! Nếu thấy hay nhớ share và để lại bình luận bên dưới <3. Chúc các bạn thành công!!