Skip to main content

How to have a third side bar in BlogSpot

This is something many bloggers always wanted .A third side bar so that you can have additional stuff in there.

So here I am going to explain in detail how to add a third side bar to the blog.The side bar will be added to the left. Note that this tutorial is on the assumption that you currently have a two side bar template with the side bar in the right.

Let us start by expanding the resolution of the outer wrapper so that you will be able to accommodate a third sidebar in your blog. Please back up your template in case of emergencies.

Login to your blogger account and go to the layout of the blog and then click Edit Html.

Scroll down until you find the following:

#outer-wrapper{

Width:900px;

………………

}

In the width field increase the pixels to 900 as shown above.

#main-wrapper {

width: 450px;

…………………….

}

Similarly set the width in the main wrapper to around 450 px.

#sidebar-wrapper {

width: 250px;

………………………….

}

Similarly, set the width in the sidebar wrapper to 250px.

Now we will have to add some new code in the template.

Scroll down until you find the following code.

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center' >

<b:section class='crosscol' id='crosscol' showaddelement='no'/ >

</div >

Then add the following code below it.

<div id='left-sidebar-wrapper'>

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

</div>

Now it is time to add the CSS

Just go to the following code:

#outer-wrapper{

Width:900px;

………………

}

Now paste the following code just below it:

#left-sidebar-wrapper {

background:$bgcolor;

width: 145px;

float: left;

word-wrap: break-word;

overflow: hidden;

}

Now save your template and now you can have a new side bar in the left.

Enjoy……………….

Popular posts from this blog

How to disable all the flash in SeaMonkey using AdBlock plus ( flashblock not working when JavaScript is disabled)

Flash block is a very good add-on for blocking flash in SeaMonkey, but when you disable JavaScript in the browser, the flashblock add-on does not work. So here is an alternative. In SeaMonkey after installing AdBlock plus, do the following to remove flash completely. Open AdBlock plus (Go to tools > AdBlock plus). Now click the filters menu and select ADD FILTERS. Now in the filter rule type *.swf and click the apply button. Here after you will not be able to view flash in your browser. Blocking flash helps save a lot of bandwidth. If you want to see flash in a particular page then you will have to disable AdBlock plus by going to AdBlock plus > options >and uncheck the Enable AdBlock plus menu.

How to get Ribbon Style Interface in LibreOffice Write and Calc.

The ribbon interface in Microsoft office makes it easy for users to complete tasks easily. You can get a similar interface in LibreOffice by following the steps below: 1. Download the latest version of LibreOffice (at the time of writing this post, the version is 5.4) 2. Open LibreOffice Writer and Go to Tools > Options. 3. Under LibreOffice section, click Advanced. 4. Check the checkbox saying, "Enable Experimental Features". 5. Now go to View > Toolbars > select Notebookbar. 6. After restating, you should get ribbons. 7. You can still access the old layout by clicking on the three slider menu button and selecting MenuBar, to show the old style menu bar as well. If you want to change the tool bar style, you can select View (in the old style Menubar) > Toolbar Layout > Default. You can do the same for LibreOffice Calc as well.

Automatically align the column widths in Windows Xp

Some times when you browse folders in details view, the view may be cluttered and you might want to resize the column widths manually to get the complete details fit in a single screen in the horizontal direction so that you need not use the horizontal scroll bar to view the details which are off screen. Alternatively, Windows Xp provides an automatic way to adjust column width. Just select any row in the list and press they key combination, “ctrl + ‘+’of the numeric key pad”.