Skip to main content

How to set a Back ground image in BlogSpot blogs

Background images would do a lot in improving the displaying content of your blog. Chosen the correct kind of the background, It will not attract visitors but it will force visitors to stay in your site for some more time.

Here is how you add the background image to your blog post,

First upload the image to any file hosting like photobucket, Google pages etc and get the link of the image.

Login to Blogger (BlogSpot) and go to layout > edit HTML.

Always back up tour template before editing it.

Check the show widget templates check box (recommended but not needed).

Then search your template until you find the following code:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


In the above code replace “background:$bgcolor;” with background:url(url link of the image to be set as the back ground);

Just save your template and then you will be able to see the image you have in the link you have set, as the background of your blogger blog.

So, let us come back again. Background images if used properly would help in increasing the number of page views per visit and it will also improve the appearance of your content.

So when you select background images you will have to have the following considerations.

Always make sure that the size (in bytes not in resolution) of the images to be set as background is small because it will then take too much time to load under slow connections. I recommend a size constraint of around 30 kb, for the blog back ground.

Popular posts from this blog

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

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.