Tạo trang báo lỗi 404 giống Facebook tuyệt đẹp cho blogspot (Cực chất)
/ lúc / 30 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.Theo yêu cầu của các bạn hôm nay mình sẽ đăng bài mới. 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 GIỐNG FACEBOOK TUYỆT ĐẸP CHO BLOGSPOT. okkk
Ảnh minh họa

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 và dán đoạn code dưới đây vào sau thẻ mở đó.
<style>
body {overflow:hidden!important}
  .back-top,.back-home,.back-bottom{display:none}
#fb-error-page{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:#fff;}
.fb-error-page_content{position:relative;z-index:3}
.intro_label h2{font-size:45px;font-weight:700;color:#000;margin:0 0 .5em;padding:0;font-family:&quot;Roboto&quot;,sans-serif;}
.intro_label p{font-size: 16px; font-weight: 400; color: #000; margin: 0; padding: 0; letter-spacing: 2px}
.intro_label{margin:0 auto;text-align:center;padding:0}
.btn-error-page {color: #365899!important; display: inline-block; margin: 1.5em 3px; font-size: 14px; font-weight: 500;}
.btn-error-page:after{content:&#39;\f111&#39;;font-family:fontawesome;color:#365899!important;font-size:3px;vertical-align: middle;margin-left: 5px;}
.btn-error-page:last-child:after{display:none!important}
.btn-error-page:hover {text-decoration:underline!important;color:#365899!important}
.meta_{display:table-cell;vertical-align:middle;text-align:center}
</style>
<div id='fb-error-page'>
<div class='meta_'>
<div class='fb-error-page_content'>
<div class='intro_label'>
<h2 class='_title'>Trang này không khả dụng</h2>
  <p>Liên kết bạn truy cập có thể bị hỏng hoặc trang có thể đã bị xóa.</p><br/>
<img src='https://4.bp.blogspot.com/-bjR1MJ6jSnA/WgG-WnpCgaI/AAAAAAAAAyY/LBcQeNa4Y9UshNJSUARAS1k1JFvorO1RgCLcBGAs/s1600/UmVRFlQVwwy.png' style='position: inherit;display: table;margin-left: 40%;'/>
<a class='btn-error-page' href='#go_back' onclick='goBack()'>Quay lại trang trước</a><a class='btn-error-page' href='/'>Đi tới Bảng tin</a><a class='btn-error-page' href='/p/lienhe.html'>Truy cập Trung tâm trợ giúp của chúng tôi</a>
</div>
</div></div>
</div>
<script> function goBack() { window.history.back(); } </script>
</b:if>
* Lưu ý: Thay /p/lienhe.html thành địa chỉ liên hệ của bạn.
Bước 3: Lưu mẫu và... thưởng thức thôi!

Tổng 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.
Code by: Phú Cường Blogger 

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

tt qua lại nha bác

TRẢ LỜI

Cảm ơn bác :D
TTT
Buổi tối vui vẻ

TRẢ LỜI

Code by: Phú Cường Blogger mà ?

TRẢ LỜI
avatar
Nguyễn Đức Huy

viewsoure là temp cũ của a Phú Cường nha Dũng :3 mong bác ghi nguồn giùm :3

TRẢ LỜI

Rồi nhem
Đang kiếm
Nhiều người dùng temp facebook quá
:v

TRẢ LỜI

- Cũng khá đấy :v tí test thử đã

TRẢ LỜI

Cảm ơn anh :D
Tặng em cái share đi :v

TRẢ LỜI
avatar
Star Nguyễn IT

:V Star Nguyễn IT Qua tt với ông nè :V

TRẢ LỜI

TTT Buổi tối vui vẻ

TRẢ LỜI

đẹp đó bác
TTT

TRẢ LỜI

- Liên kết của mình đâu nhỉ ?

TRẢ LỜI

Chết đổi temp lên mất đợi tý nhé a
:)

TRẢ LỜI

Cảm ơn bác

TRẢ LỜI

Blog còn tuyển ctv k bạn ^^

TRẢ LỜI

Để mình xem lại
:D

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

hú ye, btvv

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

hú hà, Quí đã đến blog của bạn :v

TRẢ LỜI

Chào Quí :D

TRẢ LỜI
avatar
Nguyễn Quang Huy

Nhìn chất vãi cứt @@@

TRẢ LỜI
avatar
Star Dũng Blog

Test thử đi em :)

TRẢ LỜI
avatar
Phan Văn Dũng

Hiện tại blog mk tạm ngừng vi một số lý do nha!
Nên mk k qua TT đc
Bạn giữ liên kết hộ mk nha . sau khi blog tiếp tục thì mk sẽ qua TT lại nha
C.ơn nha :)

TRẢ LỜI
avatar
Nguyên Hồ Hữu

Chất chơi người dơi

TRẢ LỜI
avatar
Star Dũng Blog

Oki man TTT

TRẢ LỜI
avatar
Star Dũng Blog

:) Test đi man :v

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

bác nghỉ blog à sao không có bài mới

TRẢ LỜI
avatar
Star Dũng Blog

Tôi bí ý tưởng quá bác ơi :(

TRẢ LỜI
avatar
Thành NT Nguyễn

kết hợp với template fb là max ngon luôn :V
ttt nha :3

TRẢ LỜI
avatar
Star Dũng Blog

Đúng rồi cái này áp dụng cho template fb sẽ đẹp hơn rất nhiều :)

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.