Thêm Banner cho Blog

 Chỉnh sửa Blog

1. Thêm banner và ẩn tên bloc

Lưu ý ta làm 2 banner cho phần máy tính và mobi (Cái này tùy mỗi người)

Máy tính 1020px X 250px

Mobi 500px X 150px

Thêm đoạn css này vào trong phần chỉnh sửa HTML của blog

@media (max-width: 980px){

.header-content {

position: relative;

    float: left;

    width: 100%;

    padding: 25px 0;

    margin-top: 50px!important;

    padding: 0;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxrQMsQhDySN5w0MFWHD2KVNFAHyQw7JT8RceFuUSClWiDLr5typHMjre3vZpKO4I8lDK4lxtdFGHlyI9rrCHNzGM1Ke-CenejHToPLYiaRDjosIFZTzFdeYvx1NdbRaEPvvHt9eaHbvGO-2sk1H4tL7v7wxOzJ0PUy14ILDsE-9RPTum1xyX6OvLt/s16000/blogtoanmobi.png);

    height: 150px;

}

.main-logo {

    background-color: var(--header-bg);

    height: 56px;

    box-sizing: border-box;

    padding: 0;

    border-bottom: 1px solid var(--border-color);

margin-top:-50px!important;

}

}

@media (min-width: 980px){

.header-content {

position: relative;

    top: auto;

    float: left;

    width: 100%;

    padding: 25px 0;

    margin: 10px;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ky0ytYRcvgeUyQEq9XIsxfMSaM1HIpUVJsQJWMDnUqoXZUchJ_3F1RCLGxnjuq456zOaVhdLbELOBJOc7_jRFb7wRP6v6I0B2Bzxon6TSh1OoQzSvIZKpnnGhfKz2qyLQrXOrgr4-mubdDfdPqJ-FfiWFbUZnc9ybD9nwGanLObdOBEcnBrcDlE4/s16000/ToanNguyenBlog.png);

    height: 200px;

}

.main-logo .blog-title a {

    display:none;

}

.main-logo img {

    display: none!important;

   }

}