Tạo trang báo lỗi 404 sắc màu tuyệt đẹp cho blogspot (404 chất)
/ lúc / 29 bình luận
Xin chào các bạn , chào mừng các bạn đã quay trở lại Star Dũng Blog. Bài viết này mình sẽ hướng dẫn các bạn TẠO TRANG BÁO LỖI 404 SẮC MÀU TUYỆT ĐẸP CHO BLOGSPOT . Thôi không nói nhiều bắt đầu làm thôi!!!

Demo

Các bước thực hiện

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 <body . Sau đó Copy code sau và dán vào sau 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à... thưởng thức thôi!

Lời kết

Trước khi áp dụng thủ thuật này bạn phải xóa hết các code của trang 404 cũ có trong blog nhé.
Chỉ 3 bước trên thôi chúng ta đã làm được trang báo lỗi 404 tuyệt đẹp rồi. Nếu gặp lỗi trong quá trình thực hiện thì hãy bình luận bên dưới để được giúp đỡ nhé. Chúc các bạn thành công.

HIỆN ĐANG CÓ 29 BÌNH LUẬN

avatar
Nguyễn Lương Duy

Chuất

TRẢ LỜI

Tương tác. Huyrocket.ml

TRẢ LỜI
avatar
Star Dũng Blog

Temp mới ak bác
TTT

TRẢ LỜI
avatar
Huỳnh Hoài Bảo

Sống tốt chứ bác Dũng :V lâu rồi không tt trả tt nè <3

TRẢ LỜI
avatar
Star Dũng Blog

Tôi cũng tt với bác roài mà

TRẢ LỜI
avatar
Huỳnh Hoài Bảo

thì tui trả tt đó ông :v

TRẢ LỜI
avatar
Star Dũng Blog

Vậy cảm ơn bác

TRẢ LỜI

Huyrocket đến tương tác buổi sáng nè

TRẢ LỜI
avatar
Huỳnh Hoài Bảo

Bảo đẹp trai đến tương tác nè :3

TRẢ LỜI

Cảm ơn anh Duy Ripper

TRẢ LỜI
avatar
OFFICIAL STAR KHÁNH

hay dc @@@

TRẢ LỜI

Cẳm ơn bác :)

TRẢ LỜI
avatar
Nguyễn Ngọc Quí Đz

ra bài mới đi man

TRẢ LỜI

Oki men tôi đang viết nhé :)

TRẢ LỜI

TTT nha ông

TRẢ LỜI

TT ạ :)

TRẢ LỜI

Hữu ích

TRẢ LỜI

Cảm ơn ạ :)

TRẢ LỜI

sao cái màu tối thế nhỉ

TRẢ LỜI

Ẻm để màu tối anh :)

TRẢ LỜI
avatar
Trường Nguyễn

Thêm nguồn vào em nhé
https://www.bacsiwindows.com

TRẢ LỜI
avatar
Star Dũng Blog

Để em thêm lại :)

TRẢ LỜI

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.