6 mẫu trang 404 Error Pages 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.

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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 Interfacerồi vào Setting->Search Preferences.

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

Đ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

404 page, blogspot tips, Blogspot, Blogspot tips, thu thuat hay

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é.

 

 HỖ TRỢ TRỰC TUYẾN