Tạo trang 404 chuyên nghiệp cho Blogspot

• Lỗi 404 trang là gì ?

Đây là một trang web đang được sử dụng để hiển thị các thông báo lỗi khi một người nào đó nhập vào một vị trí bị hỏng hoặc không tìm thấy. Nói cách khác, khi bạn nhập một địa chỉ không chính xác sau đó mới xuất hiện. Về cơ bản, trong trang thông báo lỗi và một số tùy chọn được thêm vào để điều hướng tốt hơn

• Các bước tạo trang 404 chuyên nghiệp cho Blogspot như sau:

B1: Từ trình 'Blog của tôi' các bạn đi đến menu 'Cài Đặt'

B2: Chuyển đến tab 'Tùy chọn tìm kiếm' trong menu 'Cài đặt' vừa mở

B3: Trong khung mở ra các bạn pase toàn bộ đoạn code sau vào

<p style='line-height: 30px'>
<strong><font color='#ff0000' size='5'>
Oops!</font> <font color='#666666'><br />
Hình như bạn hoặc đã nhấp vào liên kết bị hỏng hoặc một trang mà bạn đang tìm kiếm không tồn tại.<br />
Vui lòng thực hiện một trong các nội dung sau:<br />
</font></strong></p><ol style='line-height: 25px'>
<li><a href='javascript:history.go(-1)'>« Go Back</a> </li>
<li>Báo cáo các vấn đề cho chúng tôi <a href='http://mailto:vubahai1988@gmail.com'>Clicking Here</a>(<em>Điều này sẽ giúp chúng tôi phục vụ bạn tốt hơn</em>) </li>
<li>Đi đến trang chủ của <a href='http://phanmemmaytinhcoban.blogspot.com/'>Clicking Here</a>
</li>
<li>Tìm kiếm điều bạn muốn sử dụng hộp tìm kiếm bên dưới</li>
</ol>
<center><form _lpchecked='1' action='/search' class='search-form' id='search_mini_form' method='get'>
<input id='searchinput' name='q' onblur='if (this.value == '') {this.value = 'Nhập vào đây';}' onfocus='if (this.value == 'Search the site') {this.value = '';}' type='text' value='Type Here & Hit Enter'/><br />
<input id='searchbutton' style='vertical-align: top;' type='submit' value='Search!'/>
</form></center>
<p>
</p>
<p align='center'>
<font size='5'>Không tìm thấy trang!</font></p>
<p align='center'>
<font style='font-size:150px; font-weight:bold;' color='red'> 404 </font></p>
<br />
<style>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
#searchinput {
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqEaLrNMQAoypYAuVDeXNMolSobO8YbhaBdifCYmdwqE9TipMRHzJyBYUbhs_d-yP7mIplvnD9iJCgO-bNJem-K1xIbKGFqZDVWuMNeMpdcxWciyLKHLRJBk6-ejvWn4c9eOpTIyiud_Jd/s0/search.png) no-repeat 7px 8px;
background-color: #FFF;
border: 1px solid #ddd;
color: #A0A0A0;
display: inline-block;
font-family:arial;
font-size: 12px;
font-weight:bold;
height: 24px;
width:300px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
#searchinput:hover{
border: 1px solid #bebebe;
box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
padding: 5px 15px 5px 28px;
}
#searchbutton {
background:#444;
color:#fff;
height:35px;
border-radius:5px 5px 5px 5px;
box-shadow:1px 2px 1px 1px #ABABAB;
border:1px solid #fff;
margin-top:3px;
padding:8px;
}
#searchbutton:hover{background:#555;}
</style>

Chú ý:  (Hãy thay địa chỉ email và địa chỉ website thành của bạn nhé)

B4: Bấm 'Lưu thay đổi' để hoàn tất quá trình.

Giờ thì bạn đã tạo trang báo lỗi 404 chuyên nghiệp thành công cho blog của mình rồi

Chúc các bạn tạo trang báo lỗi 404 cho mình thành công !