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.

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