Sunday, May 31, 2015

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

6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger
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.

custom 404 error page
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 error page
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 page1
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzR7K7zPBAq18xThiZh6Ku9Z7D3rcx5q0sEw_oTo9wJ7T47TpgKbFymEuVruwXSDlCReSHZH5Gaxoli2NaitlAVDZvuMPxjmvgS0kXieq6Tkr7IIrMQ7y933HC67kgtQhuG771uR0OieY/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcem4HB4y03fCmIXki0PGIvqGbXMeKv0KvRUHds0fvBO8wdjDEzvhRNcDWsM4VYbCoNHq66xQUiT8BjcWbQBgAec280w5pa0sruVrITbqtZ18sCaFwx8onmZaoMYE20Z6AgDI_WGnMNg4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxlYs6RDqsHZ9YQhtP-D2lkrNq12cwpX9xFVT7ka8ZLYzUMrmfLxf_rREzgJXqU0Zb4v1-gZb9EOSXwNT1beskazxe-LrWL_G6VkgIPhtM6CYm79FeJSVwMevVUORbxO9pp_QzYBDK5HI/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-l9jev7De1QmUTGj7uGGdB_WK-hDJ0fqRX7Wc0b_vkhrE9uwBNqUuRF4H4fqHqeJlgvNnBR0-sJtzhAwUu0V4EYcyvmziM4ivpk3JYZk1NheBUdOVUjbXot2XmjiSk50pFbjLO9pif0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTxBuKE1VKoYnW7-0yeRaYFXmgyFwJBk1Zo9EmBfIq9x6899q6lQIRAopRFhix7wVrKVVWehdaeWAvVAE3ngyB18CxbCA_0dIeWFZzGwn9pV-Vsr_nh2e7qUJgWZqfmbHystUnuoLiCg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2AvJMMLPsrtcLCWXWJbfksyFlkNq-PdyUmUtHL3_CxGf1PeuzWvwsLRKJxToqP2uV8ikI1SidFs4dPD-zKN9gbpZBkLgw9UALeDmtKupSgeJGruR6-n2dXRpvCxtyFCx8aVtnzbzlqsc/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 !

Unknown

About Blog

Luôn luôn chia sẻ, tìm tòi và học hỏi , chia sẻ cho bạn cũng như cho tôi

Subscribe to this Blog via Email :