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……………….

Labels:

Popular posts from this blog

How to make print screen button to automatically open the Snipping tool in Windows 11

 In windows you can search for keyboard from start menu and open keyboard settings.  Or you can go to Settings > Accessibility > Keyboard. In the keyboard settings window, toggle the switch that says "Use the Print screen button to open screen snipping".  Hereafter whenever you press print screen button, you will be able to make a selection on the screen for a screenshot.  
Read more

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.
Read more

How to measure exact power consumption ( in watts) of a device in your house

This works only if you have a digital energy meter. Switch off all appliances in your house, except the device whose energy consumption is to be measured. Now go to the energy meter and usually there is a single white button which toggles between a variety of display functions like Voltage, amps, watts etc. Press the button continuously until you see the Watts information. Some energy meters will only display energy consumed in kW. So if you see .04 kW, that means the device is taking 40 watts, Note that kWh is different from kW. Say if you have a fan that consumes 40W. If you run the fan for one hour, your energy in kWh will be 40/1000 (conversion to kW - divide by thousand) *1 hour = .04 kWh. If you run the fan for 10 hours then 40/1000 * 10 = .4 kWh Usually, 1 kWh = 1 unit of electrical energy. So if you have a device which runs in lower Wattage, you can run it for longer hours for the same amount of kWh consumed. Thus saving on bills. 
Read more