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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1VFlU7XczUQxUVnERmj5NnKacJi7PeO2oU4nRTmTIs46gwUOhMSpY-olUQA2Ub5xFo9TguT6sdWtfLNJA8h4C1Ixrr6v3p2L7_b-e8B2fEzG_wgIftKYHzswuUU7UP31tGnxNymMIXLCf/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkPENzePj8Na-rvUHrEnBjSOKV_Uq6iv7aFOVKcT2T60K4Le7yRUzTS5toCK_nIO4Pk0sU8Dxjzo8q1cbQOENNpGZfn5oP6qx1gu9-FXJ7qMODRO_05qlIx6h8tAp7u6CrllGj-ixeXI/s1600/icon-hot.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkPENzePj8Na-rvUHrEnBjSOKV_Uq6iv7aFOVKcT2T60K4Le7yRUzTS5toCK_nIO4Pk0sU8Dxjzo8q1cbQOENNpGZfn5oP6qx1gu9-FXJ7qMODRO_05qlIx6h8tAp7u6CrllGj-ixeXI/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!! 

Đăng nhận xét

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

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

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

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

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

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

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

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

[blogger]

MKRdezign

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.
Javascript DisablePlease Enable Javascript To See All Widget