Hướng dẫn tạo chuyển hướng 404 cho blogspot cực hay

Thảo luận trong 'Thảo Luận SEO Và Trợ Giúp SEO' bắt đầu bởi dulichviet, 3/6/16.

  1. dulichviet

    dulichviet Member

    Bài viết:
    19
    Đã thích:
    10
    Trong các theme blog nhiều cái không có code trang 404 hoặc code rất xấu. Nếu bạn nào muốn có được trang chuyển hướng lỗi 404 cho blogspot như của mình thì làm theo hướng dẫn nhé.
    Đây là giao diện cơ bản trang 404 của blog sau khi mình tạo:

    upload_2016-6-3_12-2-52.

    Trông không đẹp mắt lắm đúng không, tuy nhiên: Bạn có nhìn thấy dòng bên dưới không? Sau 3 giây sẽ tự động chuyển hướng về trang bạn mong muốn, có thể về chính trang chủ hoặc các trang con trong blog đó, hoặc trỏ ra website khác tùy theo ý của bạn.

    Dưới đây là hướng dẫn chuyển hướng lỗi 404 cho blogspot :

    Bước 1: Đăng nhập tài khoản blog của bạn
    Bước 2: Trong thanh menu bên trái chọn Mẫu (Tempalte)

    upload_2016-6-3_12-11-30.

    Bước 3: Tiếp tục chọn Chỉnh sửa HTML(Edit HTML)

    upload_2016-6-3_12-13-16.
    Bước 4: Sử dụng tổ hợp phím Ctrl + F tìm thẻ đóng : </body>

    upload_2016-6-3_13-36-38.

    Bước 5: dán đoạn code sau vào trước thẻ đóng </body>

    Mã:
    <!--Error Page Not Found by noithathoaphat.pro.vn-->
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <style type='text/css'>
    #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:&quot;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}
    </style>
    <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ị ADMIN xóa bỏ</p>
    
    Bạn sẽ trở về trang chủ <b>Noithathoaphat.pro.vn</b> sau <span id='time' style='color:red'>3</span> giây nữa<br/>
    <script type='text/javascript'> var jgt = 3; document.getElementById(&#39;time&#39;).innerHTML = jgt; function stime(){document.getElementById(&#39;time&#39;).innerHTML = jgt; jgt = jgt - 1; if(jgt == 0){clearInterval(timing); location = &#39;http://noithathoaphat.pro.vn/&#39;;} } var timing = setInterval(&quot;stime();&quot;,1000); </script>
    
      </div></div>
    </b:if>
    <!--/Error Page Not Found by noithathoaphat.pro.vn-->
    Bước 6: Thay đổi "noithathoaphat.pro.vn" thành trang đích mà bạn muốn chuyển hướng đến.
    Bạn cũng có thể thay đổi, hoặc thêm bớt những từ ngữ hoặc link, hình ảnh đưa ra màn hình cho bắt mắt.
    Hoặc thêm link vào trong như thế này:
    Mã:
    <!--Error Page Not Found by noithathoaphat.pro.vn-->
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <style type='text/css'>
    #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:&quot;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}
    </style>
    <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ị ADMIN xóa bỏ</p>
    
    Bạn sẽ trở về trang chủ <b>Noithathoaphat.pro.vn</b> sau <span id='time' style='color:red'>3</span> giây nữa<br/>
    <script type='text/javascript'> var jgt = 3; document.getElementById(&#39;time&#39;).innerHTML = jgt; function stime(){document.getElementById(&#39;time&#39;).innerHTML = jgt; jgt = jgt - 1; if(jgt == 0){clearInterval(timing); location = &#39;http://noithathoaphat.pro.vn/&#39;;} } var timing = setInterval(&quot;stime();&quot;,1000); </script>
    
      <p>Hoặc bạn có thể truy cập vào các đường link dưới đây để đến trang bạn tìm kiếm:</p>
    <a href='https://fami5noithat.blogspot.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t%20V%C4%83n%20Ph%C3%B2ng'>Nội Thất Văn Phòng chính hãng cao cấp giá rẻ </a> <br/>
      <a href='https://fami5noithat.blogspot.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t%20Ph%C3%B2ng%20Gi%C3%A1m%20%C4%90%E1%BB%91c'>Nội Thất Phòng Giám Đốc cao cấp, sang trọng</a> <br/>                
      <a href='https://fami5noithat.blogspot.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t%20Ph%C3%B2ng%20H%E1%BB%8Dp'>Nội Thất Phòng Họp hiện đại, chính hãng</a> <br/>
    
      <b>Liên Kết nội thất: </b> <b><a href='http://noithathoaphat.pro.vn/noi-that-phong-hop-265-b.aspx'>Nội Thất Phòng Họp</a></b> | <b><a href='http://noithathoaphat.pro.vn/noi-that-van-phong-97-b.aspx'>Nội Thất Văn Phòng</a></b> | <b><a href='http://noithathoaphat.pro.vn/noi-that-phong-giam-doc-264-b.aspx'>Nội Thất Phòng Giám Đốc</a></b> | <b><a href='http://noithathoaphat.pro.vn/ban-lam-viec-336-cat.aspx'>Bàn Làm Việc</a></b> | <b><a href='http://noithathoaphat.pro.vn/ghe-van-phong--342-cat.aspx'>Ghế Văn Phòng</a></b> | <b><a href='http://noithathoaphat.pro.vn/ban-giam-doc-360-cat.aspx'>Bàn Giám Đốc</a></b> <br/>
    
      </div></div>
    </b:if>
    <!--/Error Page Not Found by noithathoaphat.pro.vn-->
    Thì sẽ được trang có 1 đống link bên dưới như thế này:
    upload_2016-6-3_14-10-18.
    Mong là giúp ích được ít nhiều cho các bạn đang cần!
     
    Đang tải...
    linhsq, remimotao, vthao93hp and 2 others like this.
  2. macbookviet

    macbookviet Active Member

    Bài viết:
    37
    Đã thích:
    1
    Phải động đến code à? Nhiều khi mó vào code cũng thấy ghê tay vì nhỡ sai không có ai sửa cho. Nhưng chia sẻ của bạn rất hữu ích. Cảm ơn bạn!
     
  3. khuongbui

    khuongbui Well-Known Member

    Bài viết:
    74
    Đã thích:
    5
    thanks pro nhiều nhé, em không rành code lắm, chỉnh miết cho cái blogspot ra cái thẻ H1 mà chưa được, đau đầu quá :D
     
  4. Hoàng Vũ

    Hoàng Vũ Well-Known Member

    Bài viết:
    266
    Đã thích:
    20
    khoe ae cái 404 của blogspot mình :D
    [​IMG]
     
  5. kynanggame

    kynanggame Well-Known Member

    Bài viết:
    417
    Đã thích:
    80
    Dùng template trên mạng có sẵn cái 404 rồi, chứ tự sửa cái 404 mặc định làm gì cho xấu lại còn dễ lỗi code nữa chứ
     
  6. maixephoaphat@

    maixephoaphat@ Active Member

    Bài viết:
    41
    Đã thích:
    2
    ôi hời.... mình làm thử rồi không những không được mà còn đau đầu hoa mắt chóng mẹt nữa cái này chỉ dành cho dân dành về thiết kế web thôi
     
  7. phieubat001

    phieubat001 Well-Known Member

    Bài viết:
    507
    Đã thích:
    75
    cái này sai nha bạn, theme blog có báo lỗi 404 nhưng không thể nào chuyển hướng về trang chủ được vì vậy lỗi 404 trong WMT không biến mất.
     
  8. kynanggame

    kynanggame Well-Known Member

    Bài viết:
    417
    Đã thích:
    80
    Bạn có biết rất nhiều site không auto chuyển về trang chủ không, trong đó có seomxh này. Hãy thử nghĩ xem tại sao nha, chả nhẽ site lớn họ không biết điều đó :p ?
     
  9. linhsq

    linhsq Well-Known Member

    Bài viết:
    565
    Đã thích:
    45
    Mình toàn để mặc định chứ không dám đụng vào code vì sợ lỗi cái là toi. Chắc giờ phải tìm hiểu chút về code thôi, thử cái này trước đã.
     
Đang tải...
Đang tải...