Hướng dẫn tạo trang thông báo lỗi báo lỗi cho blogspot

Khi tới một trang nào đó chúng ta không thể truy cập được vào thì sẽ hiện ra một trang thông báo là có sự cố hay có lỗi, vậy làm cách nào để thông báo lỗi khi link không tồn tại. Bài viết này sẽ hướng dẫn bạn tạo một trang thông báo lỗi cho blogspot.

Hướng dẫn tạo trang thông báo lỗi báo lỗi cho blogspot

Bước 1: Ctrl + F tìm ]]></b:skin> dán code bên dưới vào trước nó

/* tao trang bao loi 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 
{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 2: Dán code sau trước thẻ đóng </body>

<div style='clear: both;'/>
<!-- TRANG LỖI 404 -->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-404'>
<div class='box-404'>404</div>
<h2>Trang bạn tìm kiếm không tồn tại</h2>
<p>URL đã bị hỏng hoặc đã bị quản trị viên blog xóa bỏ</p>
<p>Nhấp vào liên kết để trở về trang chủ <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
</div>
</div>
</b:if>

Ok như vậy là blog của bạn đã có 1 trang thông báo báo lỗi rồi, chúc thành công nhé!