Bạn có muốn website của bạn trở nên đẹp mắt và chuyên nghiệp hơn với thủ thuật tạo một trang báo lỗi cho Blogspot, thay vì bài viết của bạn bị lỗi nó sẽ chuyển hướng website tới trang lỗi mặc định riêng của Blogger thì hôm may mình sẽ hướng dẫn các bạn tạo một trang báo lỗi riêng cho blog của mình.
Đầu tiên bạn hãy vào Blogger.com -> Blogger của bạn muốn thực hiện thủ thuật -> Mẫu -> Chính sửa HTML -> Nhấn tổ hợp phím Ctrl + F và tìm kiếm </b:skin>. Sau đó đặt đoạn CSS sau vào dưới </b:skin> nhé. Và Lưu lại.
/*************** trang 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;}
Và sau đó dán trước thẻ </body>
<div style='clear: both;'/>Vậy là đã xong rồi, chúc bạn thành công!
<!-- TRANG LỖI 404 -->
<b:if cond='data:blog.pageType == "error_page"'>
<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>
No comments:
Post a Comment