Hướng dẫn tạo trang 404 thân thiện và đẹp cho blospot

404 là lỗi rất hay gặp, lỗi này xảy ra khi bạn truy cập vào một đường link không còn tồn tại ( do nội dung cũ hoặc lí do nào đó bị xóa ) trên website đó.
Để tạo trang 404 cho blogspot bạn chỉ cần làm vài bước sau.

Cách tạo trang 404 cho Blogger

Bước 1: Truy cập vào giao diện chỉnh sửa HTML của Blogspot.
Bước 2: Tìm thẻ <body> hoặc

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-404'>
<div class='box-404'>404</div>
<span style='font-family:&quot;Roboto&quot;, sans-serif; font-size:30px; color: #eee; font-weight:500;text-transform:uppercase'>Không tìm thấy trang mà bạn yêu cầu!</span>
<p style='font-size:20px'>Có thể bạn đã truy cập vào một URL bị hỏng hoặc trang đã bị xóa!</p>
  <p><a onclick='history.back(-1)' style='cursor:pointer' title='Quay lại trang trước'><span class='back-to-home'><i class='fa fa-angle-left'/></span></a><a href='/' title='Trở về trang chủ'><span class='back-to-home'><i class='fa fa-home'/></span></a><a href='/lien-he'><span class='back-to-home'><i class='fa fa-comments-o'/> </span></a></p>
</div></div>
<style>::-webkit-scrollbar{display:none}#error-page{background-color:#069999;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999;font-family:&quot;Roboto&quot;,sans-serif;font-weight:normal;color:#fff;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#error-404{margin:9% auto;overflow:hidden;width:50%;transition:.3s}#error-404 .box-404{color:#eee;font-size:250px;line-height:200px;margin:0 auto 40px;position:relative;font-weight:500}#error-404 h1{text-transform:uppercase;font-weight:400!important;color:#eee}#error-404 p{line-height:1.7em;font-size:18px;font-family:&quot;Roboto&quot;,sans-serif;font-weight:400;color:#eee;margin:30px 0}.back-to-home{background:rgba(0,0,0,.05);padding:5px 40px;border-radius:20px;border:1px solid rgba(0,0,0,.07);transition:.3s;color:#fff;margin:0 10px}.back-to-home:hover{background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.1)}#error-page{animation:colorBackground 10s infinite;-webkit-animation:colorBackground 10s infinite;-moz-animatio</style>
</b:if>
Bước 3: Lưu mẫu

Author: DoiGuocMoc

Sự yên lặng - Tôi thích nó. Tôi thường xuyên thức khuya, tìm kiếm một thứ gì đó, mà tôi chẳng biết nó là gì. ... Tôi thật buồn cười, thích nói nhưng lại ít nói.

YOU MAY LIKE:

0 Comments Đăng nhận xét


336x280