ব্লগার রানা

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://www.blogger.com/null" name="6552271141530969376"></a><br />
<h3 class="post-title entry-title" itemprop="name">
</h3>
<div class="post-header">
<div class="post-header-line-1">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6L8sNNoqUDV6YIgM8p36_eYn5yRoUD8xtZ89ezBYYqa7NaF9PsAOACHq88df4tGUVXh2pSn9JSxdlL4Lyo8PS2zZtFPNoy6NQDkLMbJHkxB9I9hMED1o-Dr0XfNqQz-U-Rj90ZC2-Yk/s1600/full+width+page+blogger.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6L8sNNoqUDV6YIgM8p36_eYn5yRoUD8xtZ89ezBYYqa7NaF9PsAOACHq88df4tGUVXh2pSn9JSxdlL4Lyo8PS2zZtFPNoy6NQDkLMbJHkxB9I9hMED1o-Dr0XfNqQz-U-Rj90ZC2-Yk/s1600/full+width+page+blogger.png" /></a></div>
Today all of us will learn some basic tricks and tips about how to 
create a full width page in blogger blog and remove its sidebar. Being a
 blogger user, sometimes you thought to create a full with page having 
no sidebar that looks more professional. You will often have a contact 
us page or about me page even though some of have advertise us page on 
their blog/ websites. So these are typical statics pages contains no 
more than bio data, web site information <div style="text-align: center;">
<br />
<a href="https://www.blogger.com/null" name="more"></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfFGPqEJUK3kux3wAq6udDh6-GcF4Gw1QtdJC1Wjl_RSEWtXuAJTeJvfele9U6BcZQ-iH1T08Jo4H5FjaYk5YJewQ1PNmcVXvNAQr2G3a7V69Gj8D33g0Iu5GkfueSdLBasao9-9WE1U/s1600/index.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfFGPqEJUK3kux3wAq6udDh6-GcF4Gw1QtdJC1Wjl_RSEWtXuAJTeJvfele9U6BcZQ-iH1T08Jo4H5FjaYk5YJewQ1PNmcVXvNAQr2G3a7V69Gj8D33g0Iu5GkfueSdLBasao9-9WE1U/s320/index.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<h2 style="text-align: left;">
How to Create Page Without Sidebar?</h2>
<span style="font-family: inherit;"><span style="background-color: white; color: #3d5054; line-height: 20px;">This will work on both you can increase width for </span><span style="background-color: yellow; color: #3d5054; line-height: 20px;">page </span><span style="background-color: white; color: #3d5054; line-height: 20px;">as well as for </span><span style="background-color: yellow; color: #3d5054; line-height: 20px;">post</span><span style="background-color: white; color: #3d5054; line-height: 20px;">.</span><br style="background-color: white; color: #3d5054; line-height: 20px;" /><span style="background-color: white; color: #3d5054; line-height: 20px;">Just follow our below given steps:</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #3d5054; line-height: 20px;"><br /></span></span>

<span style="font-family: inherit;">1. Go to </span><b style="font-family: inherit;">Blogger.com</b><span style="font-family: inherit;"> >> </span><b style="font-family: inherit;">Add NEW Page/Post</b><br />

<span style="font-family: inherit;">2. Now select </span><b style="font-family: inherit;">HTML TAB</b><span style="font-family: inherit;"> on Blogger Post Editor</span><br />

<span style="font-family: inherit;">3. Paste the following CSS and XML Code:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: inherit;"><style><br />#sidebar-wrapper,
 #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, 
.post-footer { display:none !important;} #main-wrapper { 
width:98%!important;} .post { width:98%!important; }<br /></style></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<div style="background-color: white; color: #464646; line-height: 25.200000762939453px; text-align: justify;">
<span style="font-family: inherit;">4. Replace </span><span style="background-color: orange; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;">width:98%</span><span style="font-family: inherit;"> according to your needs, you can even uses pixels instead of percentage i.e. 960px.</span></div>
<div style="background-color: white; color: #464646; line-height: 25.200000762939453px; text-align: justify;">
<div style="background-color: white; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzUtDe_kzCmTt5kldF8otQ_-sNJlUAqNd1KjKuvOkKA6ydYTJLt9KNniDZ6qWtez2SBaH8M92ZGzB_iCbV9CYE0LrS6AyNbeq00u7l1piTvF1H32d4xhHPe4a_prmfHLfAj1Ueo-ftRNo/s1600/How+to+increase+page+width+&+removing+sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzUtDe_kzCmTt5kldF8otQ_-sNJlUAqNd1KjKuvOkKA6ydYTJLt9KNniDZ6qWtez2SBaH8M92ZGzB_iCbV9CYE0LrS6AyNbeq00u7l1piTvF1H32d4xhHPe4a_prmfHLfAj1Ueo-ftRNo/s1600/How+to+increase+page+width+&+removing+sidebar.png" /></a></div>
<div style="text-align: center;">
<span style="color: #464646; line-height: 25.200000762939453px;"><br /></span></div>
<div style="color: #464646; line-height: 25.200000762939453px;">
<span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: inherit;">Additional
 Tips: If you want to exclude Titles from a certain page, then just 
paste the following code before </style> in above coding. Bots and
 crawlers will continue to fetch your Title, but human visitors will not
 view them because with the help of CSS we have concealed them.</span></span></div>
<blockquote>
<div class="blockquote-content">
<span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: inherit;">.post-title, .post-labels, post-icons, post-author {display:none!important;}</span></span></div>
</blockquote>
<span style="color: #464646; font-family: inherit; line-height: 25.200000762939453px;"></span><br />
<div style="background-color: white; color: #464646; line-height: 25.200000762939453px; text-align: justify;">
<span style="color: #464646; font-family: inherit; line-height: 25.200000762939453px;"><span style="font-family: inherit;"><br /></span></span></div>
<span style="color: #464646; font-family: inherit; line-height: 25.200000762939453px;">5. Now Publish it and then visit your site to witness a perfect full width page without sidebar.</span></div>
<span style="font-family: inherit;"> </span></div>
<span style="font-family: inherit;"><span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: inherit;"> </span></span> </span></div>
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style></div>

How to remove sidebar in blogger and create a full width page

Today all of us will learn some basic tricks and tips about how to create a full width page in blogger blog and remove its sideba...