In this tutorial we will show How users can select the background of blog or website. Sometimes while visiting website users wish to change background of blog. Using provided code it is possible that visitor can change background in single click. Blogger post background color can easily changed by following this tutorial. So let’s get started with How to Change Post Background Color in Blogger.
Great widget for allowing your readers to change the background color of your Blogger.
Allowing your users to select the background color of your Blog or website can be really cool for your readers. This widget should be brought in place for a user friendly blog who would like to read the blog with the right background color.
Every reader has their own choice of color. Being an article writer, you too may love some color. When you put your favourite color in place. It may not be liked by your readers.
Here is the widget or gadget for people who would love to change the background color of their choice to read your Blogger/Blogspot blog.
The widget is really really simple to implement. Here it goes…
Implementation for Background color change widget:
How to Change Post Background Color in Blogger
1. Go to Dashboard > Layout > Add a Gadget > Select “HTML/JavaScript gadget”
2. Place the gadget on top or sidebar so that it is easily viewable for your readers.
3. Paste the following code into the HTML/JavaScript widget:
<center><a href=”#” onclick=”javascript:document.body.style.backgroundColor=’#ff0000′; document.body.style.backgroundImage=’none’;”> <img src=”http://3.bp.blogspot.com/-655x8EiZEaw/TqL9icTeCTI/AAAAAAAAAp8/4nHWHehtlBU/s1600/RED.JPG” title=”red”/>
<a href=”#” onclick=”javascript:document.body.style.backgroundColor=’#000000′;document.body.style.backgroundImage =’none’;”>
<a href=”#” onclick=”javascript:document.body.style.backgroundColor=’#008000′; document.body.style.backgroundImage=’none’;”> <img src=”http://2.bp.blogspot.com/-YQ9P05SalWw/TqL9nrcDyrI/AAAAAAAAAqE/Pv3bzIyk5eY/s1600/GREEN.JPG” title=”Green”/>
<a href=”#”onclick=”javascript:document.body.style.backgroundColor=’#FFFFFF’; document.body.style.backgroundImage=’none’;”><img src =”http://3.bp.blogspot.com/-PLEtreiWTl8/TqL9xxBUrQI/AAAAAAAAAqc/kcqVLREBHco/s1600/WHITE.JPG” title=”White”/>
<a href=”#” onclick=”javascript:document.body.style.backgroundColor =’#FF0080′;document.body.style.backgroundImage = ‘none’ ,”><img src=”http://2.bp.blogspot.com/-1-mNlW7imVM/TqL9u3ZifhI/AAAAAAAAAqU/drz_pmeysQw/s1600/PINK.JPG” title=”Pink”/>
<a href=”#” onclick=”javascript:document.body.style.backgroundColor =’#0000FF’;document.body.style.backgroundImage=’none’;”><img src =”http://1.bp.blogspot.com/-7-rWGZZUGos/TqL-EuCZBmI/AAAAAAAAAqs/KrFTPHGhDZA/s1600/BLUE.JPG” title=”Blue”/>
<a href=”#” onclick=”javascript:document.body.style.backgroundColor =’#FFFF00′; document.body.style.BackgroundImage=’none’;”><img src=”http://4.bp.blogspot.com/-fQ7remc-X3k/TqL9r01TaRI/AAAAAAAAAqM/y9cE64I6QXw/s1600/YELLOW.JPG” title=”Yellow”/>
<a href=”#” onclick=”javascript: document.body.style.backgroundColor=’#A52A2A’; document.body.style.backgroundImage=’none’;”><img src=”http://3.bp.blogspot.com/-lZ_0L1QDjQQ/TqMAoL1–SI/AAAAAAAAAq0/HGoB_no8LRw/s1600/BROWN.JPG” title=”Brown”/>
<a href=”http://www.itechcolumn.com” target=”_blank”>
</a></a></a></a></a></a></a></a></a></center>
4. You are done!! Save and move on. Enjoy allowing your users to select/choose the background color of the blog.
Many of our visitors keeps wondering how to customize blogger background, Well it’s obvious that for non-techie it’s kind of non familiar thing but i hope this tutorial helped you to change background color of article. In previous article we also explained how to add background image in blogger post.
Hope you liked the tutorial. If you liked, please share the article on the below social bookmarking sites.
The post How to Change Post Background Color in Blogger appeared first on iTechColumn.