.

Saturday, 26 January 2013

how to customize 404 page for blogger

Custom 404 pages for blogger
Custom 404 pages for blogger
404, what the mean of 404 page not found its mean when user click on an invalid link or an expired link So your user will redirected to 404 error page. error pages have many type but in blogger the most common error page is 404 error page. Now a days you can see how many sites have their own beautiful 404 custom error pages. Today i will teach you that how to create an awesome 404 error page in blogger . it is not so hard but it is too easy to create a most beautiful page of your blog.

Importance to 404 page:

404 page is really important in blogs because if your user find and invalid link he think that this blog is full of expired links but if you have custom page then he think its just a typo mistake and he again reading your other posts.

creating a 404 error page in blogger:  

  • Goto blogger dashboard 
  • Then goto setting tab and click on search preferences 
  • then click custom page not found edit button
custom 404 page for blogger
  • Then paste below codes in it.
    404 page
    404 page
<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibIjmc7zQ5QcYu-ue0N0SuaYjQFYpjnYUXWn5cOC4mXk-sfK8R40UoNxkz8Q9EK9yR19JJX6gp8x969Kb_0hvf_ktsuTp3hP3FX6GwzppIl-rB3ItdR0k2rV_-j7wpHUl7vyqFNkSGZxE/s1600/404-not-found-page-24.jpg') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body {min-width: 0px !important;} </style>

404 page
404 page
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0W2dFnW_07rRE10T9lJTFrh3FoI_J03xwekd9WXh1nN72KvesYikZWgueB2HkzTMU_Uzahj2CEEHwCQV74PgELr5xkM0lfCzTI7XTXFxrtNLcQhjUrumwhRK3L8DaedwNom3EL5qSUw/s640/404_6.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>

  • Now save it and its done
Hope you like my post about customize 404 page please share it with your friends and keep visiting here to find new and awesome widgets


2 comments:

© Copyright 2012, Template style of Haseeb malik - Design by Haseeb malik.