{"id":26,"date":"2013-04-03T12:38:00","date_gmt":"2013-04-03T12:38:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2013\/04\/03\/how-to-create-full-width-404-error-page-in-blogger\/"},"modified":"2022-12-19T15:02:34","modified_gmt":"2022-12-19T09:32:34","slug":"blogger-full-width-404-error-page","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/blogger-full-width-404-error-page.html","title":{"rendered":"How To &#8220;Create Full Width 404 Error Page&#8221; in Blogger?"},"content":{"rendered":"<div dir=\"ltr\" style=\"text-align: left;\">\n<div dir=\"ltr\" style=\"font-family: Verdana,sans-serif; text-align: left;\">\n<div style=\"text-align: justify;\"><img decoding=\"async\" style=\"clear: left; float: left;\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2013\/04\/Full-Width-404-Error-Page.png\" alt=\"\" border=\"0\" \/>Before a week ago, i had shared a post with you all that how to <a href=\"https:\/\/www.heerentanna.com\/blog\/create-full-width-post-or-page.html\" target=\"_blank\" rel=\"noopener\">create full width page<\/a> &amp; create 404 page in blogger with sidebar in blogger? And now i have come up with another tricks to create full width 404 page\u00a0 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.<\/div>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<div id=\"Demo\">Demo<\/div>\n<p>&nbsp;<\/p>\n<h2>Create Full Width 404 Error Page in Blogger?<\/h2>\n<div dir=\"ltr\" style=\"font-family: Verdana,sans-serif; text-align: left;\"><b>Step 1:<\/b> Go to <b>blogger Account.<\/b><\/div>\n<\/div>\n<p><span style=\"font-family: Verdana,sans-serif;\"><b>Step 2:<\/b> <b>Backup your blogger template<\/b>. ( See: How to backup blogger template?\u00a0 )<\/span><\/p>\n<p><span style=\"font-family: Verdana,sans-serif;\"><b>Step 3:<\/b> Navigate <b>Blogger dashboard<\/b> &gt; <b>Template<\/b> &gt; <b>Edit HTML<\/b> &gt; Find Following Code By pressing <kbd>Ctrl<\/kbd>+<kbd>F<\/kbd><\/span><\/p>\n<blockquote class=\"tr_bq\"><p><span style=\"font-family: Verdana,sans-serif;\">]]&gt;&lt;\/b:skin&gt;<\/span><\/p><\/blockquote>\n<p><span style=\"font-family: Verdana,sans-serif;\"><br \/>\n<\/span> <span style=\"font-family: Verdana,sans-serif;\"><b>Step 4:<\/b> Copy and paste following code Just below ]]&gt;&lt;\/b:skin&gt;.<\/span><\/p>\n<blockquote class=\"tr_bq\"><p>&lt;b:if cond=&#8217;data:blog.pageType == &amp;quot;error_page&amp;quot;&#8217;&gt;<br \/>\n&lt;style type=&#8217;text\/css&#8217;&gt;<br \/>\n.sidebar {display:none;}<br \/>\n#lsidebar {display:none;}<br \/>\n#rsidebar {display:none;}<br \/>\n#main-wrapper { width:100%!important;}<br \/>\n.post { width:98%!important; }<br \/>\n&lt;\/style&gt;<br \/>\n&lt;\/b:if&gt;<\/p><\/blockquote>\n<p><span style=\"font-family: Verdana,sans-serif;\"><b>Step 5:<\/b> Save Template.<\/span><\/p>\n<h4>Recommendation From Admin<\/h4>\n<p><span style=\"font-family: Verdana,sans-serif;\">If <\/span><span style=\"font-family: Verdana,sans-serif;\"><span style=\"font-family: Verdana,sans-serif;\">you find full width having text massage like <\/span><span style=\"font-family: Verdana,sans-serif;\"><span style=\"font-family: Verdana,sans-serif;\"><b>Sorry, the page you were looking for in this blog does not exist.<\/b><\/span> only that simple mean<\/span><\/span><span style=\"font-family: Verdana,sans-serif;\"> that you have not install 404 page HTML and CSS code in your blog, just follow below post to set your 404 page.<\/span><\/p>\n<ul>\n<li><span style=\"font-family: Verdana,sans-serif;\"> Create 404 Error Page in Blogger.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: Verdana,sans-serif;\">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 ^-^.<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Before a week ago, i had shared a post with you all that how to create full width&hellip;","protected":false},"author":1,"featured_media":14865,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[5,8],"tags":[],"class_list":{"0":"post-26","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"category-seo","9":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14865"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}