Rilwan's

How to Remove Blogger Header Borders

2009-12-01T12:11:00.000-08:00

First, sign into your Blogger account (Dashboard). Then click on the LAYOUT tab followed by EDIT HTML to get to the template editor. Look for this in the template:


#header-wrapper {

width:100%;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;

}



#header {

margin: 5px;

 border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}

.
Now delete/remove the red colored line and save it.

How to change blogger/blogspot url to new blogger/blogspot url

2009-11-10T16:23:00.000-08:00

Change your blogger address/URL to new in simple steps. If you change your existing blog url all incoming links will become dead. People may have linked to your blog that may become dead link. So be careful if your blog is on the web for long time, because search engines may have indexed your pages and also your blog posts might have good pageranks.
1. Login to Blogger Dashboard

2. Go to Settings >> Publishing

3. Enter New URL in box as shown in following fig.

4. Enter corresponding Word Verification code. Don't forget to "SAVE SETTINGS"

Split two columns sidebar below blogger sidebar

2009-10-13T00:50:00.000-07:00

Split your sidebar to two columns as in the below image so you can add page elements as two different widgets as two small sidebars.
First is to backup your template. Now go to Layout>Edit HTML and backup your template.

Find the below section in red


#sidebar-wrapper {

width:220px;

float:right;

word-wrap:break-word;

overflow:hidden;

}

And just below it add the following codes:


#right-col {

width:48%;

float:right;

word-wrap:break-word;

overflow:hidden;

}

#left-col {

width:48%;

float:left;

word-wrap:break-word;

overflow:hidden;

}

Now find the below codes in red


<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

</div>

And replace the code with below codes


<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

<b:section class='sidebar' id='left-col' preferred='yes'/>

</div>

Preview your template and save it.
Now go to Layout>Page Elements and check for your newly added two columns below you sidebar. That’s it.