6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger



Mặc định thì khi người dùng nhập giá trị URL không hộp lệ thì trang 404 Error hoặc Page Not Found sẽ tự động xuất hiện để thông báo người dùng là họ đã nhập sai. Tuy nhiên những trang này thường được thiết kế đơn giản và không hấp dẫn cho lắm, vì thế hôm nay mình xin chia sẻ cho các bạn 6 mẫu hoàn toàn đẹp và riêng biệt, đủ để cho các bạn tha hồ lựa chọn.


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger


Nếu các bạn chỉ muốn hiển thị thông báo hoặc là thay đổi nội dung thông báo trên màn hinh thì trước hết các bạn vào updated Blogger Interface rồi vào Setting->Search Preferences.



Ngược lại , nếu các bạn muốn màu sắc hơn thì lần lượt chọn các mẫu sau :

Mẫu số 1


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Vào Setting->Search Preferences , rồi sau đó copy đoạn code bên dưới vào bên trong khu vực Custom Page Not Found.

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://4.bp.blogspot.com/-3_mjW7aMWMo/T22zQQHn-sI/AAAAAAAAAMQ/f-biNvAo1-Y/s1600/404+error+page+1.jpg"/>

Mẫu số 2


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Làm tương tự như bước 1 , nhưng lần này là copy và dán với đoạn code bên dưới :

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://2.bp.blogspot.com/-oGC6zPGYpDk/T22zRTPEHkI/AAAAAAAAAMY/_QDDN_HW40A/s1600/404+error+page+2.jpg"/>


Mẫu số 3


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Với mẫu này, các bạn copy đoạn code sau :

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://2.bp.blogspot.com/-ldrwg_L3hPw/T29ZifhYlUI/AAAAAAAAAMo/wdhPPVcNEDM/s1600/404+error+page+4.jpg"/>


Mẫu số 4


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Các bạn copy đoạn code bên dưới để có được mẫu này :

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://4.bp.blogspot.com/-gdd8Nj5zNqg/T29ZjfvDjYI/AAAAAAAAAMw/vwwjnuqR1Ro/s320/404+error+page+6.jpg"/>


Mẫu số 5


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Đoạn code sau sẽ tương ứng với mẫu này :

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://3.bp.blogspot.com/-VazK8ZIMIo0/T29ZktlwCVI/AAAAAAAAAM4/Fb4VUpCh2LY/s1600/404+error+page+7.jpg"/>


Mẫu số 6


6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger

Các bạn copy đoạn code này :

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://3.bp.blogspot.com/-unUiQAZJDZM/T29ZhgrSbnI/AAAAAAAAAMg/7KLym2snYbI/s1600/404+error+page+3.jpg"/>


Hy vọng với những mẫu mà mình chia sẻ trong bài viết này, đủ sức để các bạn lựa chọn cho trang blog của mình, nếu các bạn có những mẫu nào khác, thì chia sẻ cho mình và mọi người khác biết dưới dạng comment nhé.

Chúc các bạn thành công !