Change /Create Your Own Blog Post Background

Change /Create Your Own Bog Post Background Or how to add background image in blogger post

Friends Today i m going to teach that how can you change or create your own blog post background . Today i am writing about How can you Change or Create your own blog Post background Definition with codes as you know that last time i published a post about the How to add Custom Related post widget to blogger some of my website viewers comment about to make a guide and show us method of change blog post background  . So i make a simple and
easy post about in which i explain you and show you the simplest procedure of change post background color blogger .

i have Given some codes in this post . i will teach in this post that how can you add these code in your post when you add these codes in your post.
But Remember these code will change only those post background in which you add these i mean one of them add in your post . if you want to change on blogger post background color then use COde # 1
and if you want to add a image or photo in blogger post background then use Code # 2.

If you want to add some more stylish and beautiful widget to your blogger to make him more attractive

Like

• Top 20+ Stylish Recent posts Widget
• 34 Color Full Horizontal Drop Down Menu Widget For Blogger CSS & CSS3
• Feature Slider Posts Widget
• Top 19 Beautiful Colorful Facebook like box
• Facebook Popup 
• Related post with thumbnail Beautiful Colorful Social icon

How to Change Blogger post Background Color

CODE #1

You can only change blog post back ground color with the adding of this code

Copy the code from her

<div style="background-color:#66FF33; color:#660000; padding: 10px;">
Your post text will be here...
</div>

Now you can select any color in this chart after choosing double click on the code copy the code and past in the upper/above code or replace this code #66FF33 

Remember there are two color codes in the tag on is Background color code and another is text color you can change both codes in the tag .

This is the (#FFFFFFF ) Code of color if you want to copy the code you can copy just click on color
 

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

 

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#999933	#999900
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

How to Add a Background Image in Blog Post

this the code for changing blogger post background by Image or photo

Procedure
Just copy the code past in your post Html and starting you text (Your text will be here)
CODE # 2
Copy the code form here.

<div style="background: url(IMAGE-URL-HERE); background-size: cover; color: #000; padding: 10px;">
Your text will be here...
</div>

These are the background of post select any one of them copy his Link/Url (http://tinyurl.com/......) past or replace IMAGE-URL-HERE in the tag i mean remove IMAGE-URL-HERE and past the Background Link.

http://tinyurl.com/bloggertipssandtrickspng3

http://tinyurl.com/bloggertipssandtrickspng4

http://tinyurl.com/bloggertipssandtrickspng5

http://tinyurl.com/bloggertipssandtrickspng6

http://tinyurl.com/bloggertipssandtricks1

http://tinyurl.com/bloggertipssandtrick2

http://tinyurl.com/bloggertipssandtricks3

http://tinyurl.com/bloggertipssandtricks4

                                             

http://tinyurl.com/bloggertipssandtricks5

http://tinyurl.com/bloggertipssandtricks6

http://tinyurl.com/bloggertipssandtricks7

http://tinyurl.com/bloggertipssandtricks8

http://tinyurl.com/bloggertipssandtricks9

http://tinyurl.com/bloggertipssandtricks11

                                       

http://tinyurl.com/bloggertipssandtricks12

http://tinyurl.com/bloggertipssandtricks13

http://tinyurl.com/bloggertipssandtricks14

http://tinyurl.com/gql6qrd

http://tinyurl.com/bloggertipssandtricks15

http://tinyurl.com/bloggertipssandtricks18

http://tinyurl.com/bloggertipssandtricks17


                                  

Thank you for add this code for more comment us .If you face any problem then contact us or comment us .
Is this tutorial is helpful
Need to know your opinion.

• Tweet
• Share
• Share
• Share
• Share