Thursday, 5 January 2017

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

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>


 Demo
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>

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



Previous Post
Next Post

1 comment: