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


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é

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 .

Post a comment

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 .

Post a Comment (0)

Bài Trước Bài Sau

Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT CHẶN QUẢNG CÁO

Quảng cáo giúp chúng tôi duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.

Bạn Vui lòng tắt Adblock hoặc cho Hoàng Trang Pc được phép hiển thị trong công cụ chặn quảng cáo của bạn.Xin Cảm ơn!

×