How To “Create Full Width 404 Error Page” in Blogger?

Before a week ago, i had shared a post with you all that how to create full width page & create 404 page in blogger with sidebar in blogger? And now i have come up with another tricks to create full width 404 page in blogger. 404 page is useful to your visitors to serve them a better, suppose when ever your visitors come on those link which broken (Not more available) on your blog, they will find certain ways through which they will be able to find there related post through instruction like go back, reporting links, go back to home and search box options.

Demo

Create Full Width 404 Error Page in Blogger?

Step 1: Go to blogger Account.

Step 2: Backup your blogger template. ( See: How to backup blogger template? )

Step 3: Navigate Blogger dashboard > Template > Edit HTML > Find Following Code By pressing Ctrl+F

]]></b:skin>

Step 4: Copy and paste following code Just below ]]></b:skin>.

<b:if cond=’data:blog.pageType == "error_page"’>
<style type=’text/css’>
.sidebar {display:none;}
#lsidebar {display:none;}
#rsidebar {display:none;}
#main-wrapper { width:100%!important;}
.post { width:98%!important; }
</style>
</b:if>

Step 5: Save Template.

Recommendation From Admin

If you find full width having text massage like Sorry, the page you were looking for in this blog does not exist. only that simple mean that you have not install 404 page HTML and CSS code in your blog, just follow below post to set your 404 page.

Create 404 Error Page in Blogger.

If you are still facing problem regarding this post than fell free to drop you question in below comment box, we will reply you as soon as possible ^-^.