Thursday, May 28, 2009
How I got a Page Rank of 4
Sunday, May 24, 2009
3 Columns : 565 : Left and Right Sidebars
Article Series: 3 Column Step by Step Guides
This is a tutorial that gives step by step instructions to convert a default 2 column 565 Blogger template in to a three column template with two sidebars on left and right hand sides of the main post area.
(If you really want to understand what's happening here, read the article series Three Column Templates Explained.)
1) Add a new CSS id selector for the 2nd sidebar wrapper.
- Go to Layout -> Edit HTML
- Locate the #sidebar-wrapper section (Do a Find using your browser)
- Copy that full section and paste below the existing sidebar section (it doesn't have to be below) and rename it to #left-sidebar-wrapper
- Change the float: $endSide to float:$startSide of this newly copied section
- Change the occurrences of $startSide in the background property to $endSide. (See the code snippet below)
background:$sidebarBgColor url("http://www2.blogblog.com/no565/corner_sidebar_$startSide.gif") no-repeat $startSide top;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix ... in IE */
overflow: hidden; /* fix ... float */
}
#left-sidebar-wrapper {
background:$sidebarBgColor
url("http://www2.blogblog.com/no565/corner_sidebar_$endSide.gif")
no-repeat $endSide top;
width:254px;
float:$startSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for ... IE */
overflow: hidden; /* fix ... float */
}
2) Introduce a new div element, as a child of the content-wrapper, to be the placeholder for the 2nd sidebar
- Locate the <div id='main-wrapper'> element.
- Copy the code shown in red, above that section (this has to be above)
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
3) Expand the width of the other wrappers to accommodate the new sidebar
- Locate the CSS section called #outer-wrapper
- Change its width property to 1006 pixels
position:relative;
top:4px;
$startSide:4px;
background: #889977;
width:1006px;
...
}
4) Do necessary adjustments to margins, padding etc
- Locate the #main-wrapper section
- Insert a left margin of 12 pixels. (add the line shown in red)
width: 460px;
margin-left:8px;
float: $startSide;
...
}
5) Modify the CSS rules for the wire frame layouts editor.
- Locate the end of the skin denoted by "]]>"
- Add the following code shown in red, above that line.
body#layout #outer-wrapper {
padding-top: 0;
width:720px;
}
body#layout #header-wrapper,
body#layout #content-wrapper,
body#layout #footer-wrapper {
padding: 0;
width:720px;
}
body#layout #main-wrapper {
width:400px;
}
body#layout #sidebar-wrapper,
body#layout #left-sidebar-wrapper {
width:150px;
}
]]></b:skin>
Save the template. Switch to Page Elements view and enjoy your 3 column template! (The new sidebar may not be visible until some widgets are added to it)
Related Posts
Saturday, May 16, 2009
Technorati Authority
In a previous post, we looked at the Alexa Traffic Rank and its importance. This one will take a peek at another popular blog ranking method called the Technorati Authority.
Technorati is a blog search engine that indexes millions of blogs around the world. Because of its massive index, it can instantly identify which blog is linking to which other blogs in the blogosphere. This data is used by Technorati to calculate a metric which they refer to as authority.
Stated simply, Technorati Authority is the number of blogs linking to a website in the last six months. Higher the blogs that link to a given blog, higher the authority it has. A blog will get more incoming links if it is writing quality, authoritative content that is accepted by others.
Because only the links that are made during the last six months are counted towards authority, one needs to keep producing better content to be able to get new links. But even old articles which are discovered by new visitors to a site may attract new links. Multiple links from the same site are counted only once. But a recent link from such a site will refresh its vote for another six months.
One problem though is that only blogs which are on Technorati, or in other words, which are indexed by Technorati will add to your authority. If a blog which is not listed on Technorati links to your blog, Technorati is not able to count it.