Những mẫu trang lỗi 404 đẹp cho Blogger

posted in: Thủ thuật Blogspot, Tin tức | 0

Bạn có biết thay đổi mặc định lỗi 404 truyền thống của Blogspot như thế nào không? Bài này mình sẽ giới thiệu cho các bạn các mẫu trang 404 độc đáo để bạn làm mới cho Blog của mình nhé!

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.

404-error-page
Những mẫu trang lỗi 404 đẹp cho Blogger

 

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

404-error-page-1

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.

1
2
<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

404-error-page-2

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 :

1
2
<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

404-error-page-4

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

1
2
<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

404-error-page-6

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

1
2
<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

404-error-page-7

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

1
2
<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

404-error-page-3

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

1
2
<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"/>

 

Thật đáng yêu phải không nào! Bạn có những mẫu trang 404 nào ấn tượng nữa không? Chia sẻ để chúng ta cùng tham khảo nhé!

Bình luận