How to Change Background color or Image of Blogger Template

Hello Friends is guide ki help se aap apne template me apni pasand ka Background color add or change kar sakte hai, aur aap usame koi Image add or Change kar sakte hai, Blogger Template ka background color change karana bahut hi aasan hai, isake liye apko thodi bahot CSS code ki knowledge hona jaruri hai, Agar nahi hai to bhi aap is guide ki madad se bade hi asani se change kar sakte hai, isaki madad se aap apni Sidebar, Header, Footer ka bhi color change kar sakte hai,

How to Change Background color or Image of Blogger Template

Blogger Template ka Background color Kaise Change karate hai,

1] Go to Dashboard  >> Template >> EDIT HTML
 
Ab ye code search kare.
body {
background-color:
Ab is come me color:#ffffff aisa likha hoga usame aap jo bhi color rakhana chahte he usaka code ya name change karde
example;
body {
background-color:
#EFEFEF;
Agar aap sidebar ka color change karana chahte he to sidebar ka code search karke ise niche diye gaye code ki tarag change karde.
#sidebar-wrapper {
background-color:#B54816;
Agar aap apne Main post area ka color change karana chahte he to niche diye gaye code me changes kar sakte hai,
#main-wrapper {
background-color:
#B54816;
Note:- Mostly sab template me yehi code hote he lekin ye code nahi mile to isake jaise koi aur code apne template me search kare, example – #sidebar-wrapper ki jagah  #side-wrap
 

Blogger Template me Background Image Kaise Add karate hai,

Blogger template me background image add karne ke liye apko upar diye gaye color change wale code ki jagay ye code dalna hai,
body {
background-image: url(URL address of your image);
Yaha bracket me apni image ka URL address dalna padega
Yaha aap meri website pe Image dekh sakte hai
shareinworld home page
Image setting ke liye aap niche diye gaye setting ka use kar sakte hai
Repeat background image
 
by default image repeat option on hota hai jise template me image 2 ya usase jyada dikhati hai,
ise aap bandh karana chahte hai to apko apko “no-repeat” code dalana hoga,
agar aap ise horizontally repeat karana chahte hai to “repeat-x” code dalana hoga,
agar aap ise vertically repeat karana chahte hai to “repeat-y” code dalana hoga,
is code ko aap image ke code ke niche dalde,
background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
Position background image:
 
Agar aap apni image ko kisi particular place par rakhana chahte he to ye HTML code add kare.
background-position: top left;

isame aap image ki position change karne ke liye top left in code se replace kare.

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;
Agar aap apni image ko scrolling nahi karana chahte to ye HTML code dale
background-attachment: fixed;
Ab apni pasand ke mutabik sare CSS code ko is tarah jodade,
body {
background-color:#
EFEFEF;
background-image: url(url address of image);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
Friends isi tarah aap apne Header, Footer ya koi specific area ka color change kar sakte he, isake liye apko usaka code search karana padega,
Friend aapko is post ke related koi bhi question ho to aap niche comment kar sakte ho.
== Jay Hind ==  == Jay Bharat ==

12 Comments

  1. SagaR Sabhaya 23/07/2016
  2. Dini Raah 22/06/2016
  3. SagaR Sabhaya 22/06/2016
  4. gaurav tiwari 22/06/2016
  5. SagaR Sabhaya 17/06/2016
  6. SagaR Sabhaya 13/06/2016
  7. SagaR Sabhaya 13/06/2016
  8. Aryan Shukla 13/06/2016
  9. Dini Raah 26/05/2016
  10. SagaR Sabhaya 26/05/2016

Leave a Reply