Tạo Trang Báo Lỗi 404 Full Màn Hình Cho Blogspot

Chia sẽ:

Bước 1 :Các bạn vào chỉnh sửa HTML kéo xuống dưới cùng và thêm đoạn code sau vào trước thẻ đóng Body

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-404'>
<div class='box-404'>404</div>
<h1>Trang bạn tìm kiếm không tồn tại</h1>
<p>Có thể URL bị hỏng hoặc đã bị quản trị viên blog xóa bỏ</p>
<p>Trở về trang chủ <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
</div>
</div>
</b:if>

Bước 2 : Thêm đoan CSS sau vào trước thẻ </style> để định vị vị trí cho trang 404

#error-page{background-color:#e9e9e9;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}#error-404{margin:11% auto}#error-404 .box-404{width:200px;height:200px;background:#21afa4;color:#fff;font-size:80px;line-height:200px;border-radius:10px;margin:0 auto 50px;position:relative}#error-404 .box-404::after{content:"width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;border-style:solid;border-width:9px 9px 0;position:absolute;left:47%}#error-404 h1{text-transform:uppercase}#error-404 p{line-height:1.7em;font-size:15px;font-family:arial}

Bước 3 : Lưu lại và kiểm tra nhé

No comments

Cảm ơn bạn đã đọc bài viết tại
Smobile36 !

Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
Các bạn có thể thoải mái góp ý cho mình .

-->