{"id":90,"date":"2012-09-09T11:33:00","date_gmt":"2012-09-09T11:33:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/09\/09\/how-to-create-full-width-of-specific-post-or-page-in-blogger-blog\/"},"modified":"2023-08-29T11:39:21","modified_gmt":"2023-08-29T06:09:21","slug":"create-full-width-post-or-page","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/create-full-width-post-or-page.html","title":{"rendered":"How to create full width of specific post or page in blogger blog?"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

Recently i was working on to increase width of my About us , Contact us, and Advertise post so it will give more professional look to our blog. <\/p>\n\n\n\n

Before a few day with the help of hide and show Conditional Tag<\/a> i have find solution for the same which i am going to share with you. I have first hide slider, footer and the all the elements post area like title, date, author indicator etc. and added the parameter of showing HTML code on that specific customized code not only this but also i have added two column in which you might add Parser AdSense code or image it’s up to you . I advice you to use this tips only on your contact page and about page. I had already changed my Contact us<\/a> post, About us<\/a> post and Advertise on our blog page. following is a screenshot of before and after views by using this tips.  <\/p>\n\n\n\n

BEFORE<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

AFTER<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n

How to create full width of specific post or page in blogger blog?<\/h4>\n

Following are the few simplest step which you are required to follow to do the same what i did.<\/p>\n

Step 1:<\/strong> Login<\/strong> in to your blogger account. Click here<\/a>.
Step 2:<\/strong> backup your template.<\/strong> ( How to backup your blogger template? ) Step 3:<\/strong> Find following code<\/strong> by pressing Ctrl+F<\/strong>.<\/p>\n\n\n

<\/head><\/code><\/pre>\n\n\n\n
Step 4:<\/strong> Copy and Paste following code<\/strong> just above <\/head><\/strong><\/em> tag.<\/p>\n\n\n\n
<b:if cond='data:blog.url == &quot;Your_Post_OR_Page_URL&quot;'>\n<style type='text\/css'> .sidebar {display:none;} #lsidebar\n{display:none;} #rsidebar {display:none;} #main-wrapper\n{display:none;} .post {display:none;} #crosscol-wrapper, \n#credits {display:none;} <\/style> <\/b:if><\/code><\/pre>\n\n\n\n
NOTE:<\/strong> Don’t forget to Change Your_Post_OR_Page_URL<\/em> with your own Page or Post URL. Step 5:<\/strong> Now find following code<\/strong>.<\/p>\n\n\n\n
<div id='main-wrapper'><\/code><\/pre>\n\n\n\n
Step 6:<\/strong> Copy following code<\/strong> and paste it just above  <div id=’main-wrapper’><\/strong><\/em> Code.<\/p>\n\n\n\n
<b:if cond='data:blog.url == &quot;Your_Post_OR_Page_URL&quot;'>\n<div style='background-color:white;border-radius:10px;border:1px solid black;padding:10px;'> \n<div dir='ltr' style='text-align: left;' trbidi='on'> \n<center> <table border='0' cellpadding='0' cellspacing='0'>\n<tbody> <tr> <td colspan='2' valign='BOTTOM'>\nAd Top horizontal image or Adsense Code with 728*90 size (Add Parser Adsense code Only)\n<\/td><\/tr> <tr><td bgcolor='#ffffff' valign='top' width='160'>\nAdd Image or Adsense code with 160*600 size. (Add Parser Adsense code Only)\n<\/td> <td bgcolor='white' valign='top' width='550'> \n<table border='0' cellpadding='0' cellspacing='0'> <tbody> \n<tr><td valign='top' width='650'>\nHere you required to add html code of your contact us page.\n(If you don't have contact form, Don't be tense here is a post for the same : \nHow To Create and Customize Contact Page For Blogger Blog? .)\n<\/td><\/tr> <\/tbody><\/table> <\/td><\/tr> <\/tbody><\/table> \nHere will be your footer text or else you can leave it blank. \n<\/center> <\/div><\/div> <\/b:if>\n<\/code><\/pre>\n\n\n\n
NOTE:<\/strong> Don’t forget to Change Your_Post_OR_Page_URL<\/em> with your own Page or Post URL. Step 7:<\/strong>Save your template<\/strong> that set. And see your page or post.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"Recently i was working on to increase width of my About us , Contact us, and Advertise post so it…","protected":false},"author":1,"featured_media":14843,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"default","csco_page_header_type":"default","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-90","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/90","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=90"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14843"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}