-->

Tạo trang báo lỗi 404 đẹp cho blog

Tạo trang báo lỗi 404 đẹp cho blog

Tạo trang báo lỗi 404 đẹp cho blog

Liên kết gãy – Lỗi 404 (lỗi không tìm thấy) ảnh hưởng đến quá trình thu thập dự liệu của con bot Google đồng thời làm giảm th...
Comment 9:00 PM
Liên kết gãy – Lỗi 404 (lỗi không tìm thấy) ảnh hưởng đến quá trình thu thập dự liệu của con bot Google đồng thời làm giảm thứ hạng của website, khiến người dùng cảm thấy website của bạn không chuyên nghiệp. Hôm nay sua chua dien thoai sẽ hướng dẫn các bạn tạo trang báo lỗi 404 đẹp cho blog.


Hướng dẫn tạo trang báo lỗi 404 đẹp cho blog:

Bước 1: Truy cập vào Chủ đề >> Chỉnh sửa HTML.
Bước 2: Tìm thẻ <body> hoặc <body. Copy đoạn code sau và dán vào bên dưới thẻ mở đó.

<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 và kiểm tra.

Từ khóa tìm kiếm: code 404 đẹp, trang lỗi 404 đẹp, code trang 404 đẹp, trang báo lỗi 404, trang báo lỗi 404 đẹp, trang báo lỗi 404 đẹp cho blog.

Chúc các bạn thành công!
Tạo trang báo lỗi 404 đẹp cho blog Tạo trang báo lỗi 404 đẹp cho blogAdmin8.8stars based on9reviews Liên kết gãy – Lỗi 404 (lỗi không tìm thấy) ảnh hưởng đến quá trình thu thập dự liệu của con bot Google đồng thời làm giảm th...

Blogger Comments


No comments. Chúc mừng bạn là người đầu tiên.

  • linh kiện điện thoại giá rẻ tphcm
  • chợ linh kiện điện thoại
  • shop linh kiện điện thoại
  • linh kiện sửa điện thoại
  • đại lý linh kiện điện thoại tại hà nội
  • cửa hàng linh kiện điện thoại tại hà nội
  • linh phụ kiện điện thoại
  • linh kiện điện thoại tphcm
  • mua linh kiện điện thoại
  • linh kiện điện thoại hà nội
  • sỉ linh kiện điện thoại
  • linh kiện điện thoại giá sỉ
  • linh kiện điện thoại
  • linh kien dien thoai
  • phụ kiện điện thoại
  • phu kien dien thoai