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

34 Comments:

Post a Comment

  1. Thông báo dạng này kiểu như break gì gì đó thì phải :)

    ReplyDelete
    Replies
    1. cáo khung code nó bị lỗi fix sao đây anh

      Delete
    2. A onl mobile ko thấy gì hết e ạ.

      Delete
    3. hnay a onl pc a thay dep nay :D

      Delete
    4. ahihi =)) temp của em trên mobile vẫn chưa edit đẹp được -_-

      Delete
  2. Hihi cái khung chứa code lỗi kìa em ơi fix đi

    ReplyDelete
  3. temp load hơi bị lag hay máy bị lag ta ???

    ReplyDelete
  4. I am Sinh
    Chúc bạn bủi tối vv ngủ ngon

    ReplyDelete
  5. ư ư...a nhảy cái intro của e nha...nhìn đẹp ghê

    ReplyDelete