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>
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 .
#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 photoProcedure
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>
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/bloggertipssandtricks5
http://tinyurl.com/bloggertipssandtricks8
http://tinyurl.com/bloggertipssandtricks11
http://tinyurl.com/bloggertipssandtricks14
http://tinyurl.com/gql6qrd
http://tinyurl.com/bloggertipssandtricks18
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.
Great readinng your blog post
ReplyDelete