Tạo Trang Báo Lỗi 404 Đẹp Và Đơn Giản

Các bạn có thể xem demo ở dưới đây:

Demo

Cách làm:

Các bạn chèn mã HTML này vào chỗ các bạn muốn nó hiện thị. ' Bắt buộc phải ở trong thẻ điều kiện <b:if cond='data:view.isError'> nha'

<div class="error__content">
		<div class="error__text">
			You can't always catch 'em all.
		</div>
	</div>

Sau đó các bạn chèn mã CSS này lên trên thẻ đóng </head> hoặc ]]></b:skin>

.error__content {
	 background-image: url(https://static.wikia.nocookie.net/qube-assets/f2/3962/images/404/404-page-theme-3.svg)
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size: 150%;
    background-color: #ee1a41;
    color: #0e191a;
    min-height: 70vw;
    position: relative;
    text-align: center;
}
.error__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    margin: auto!important;
    padding-top: 44vw;
    width: 60vw;
}
@media only screen and (max-width: 1023px) and (min-width: 768px)
.error__text {
    width: 732px;
}
@media only screen and (min-width: 768px)
.error__text {
    margin: 0 auto;
}

Sau đó nhấn vào lưu lại là xong. Đơn giản đúng chưa ạ