Blog / website Par Header image ko center me kaise karte hai . blog / website Par header image ko set kaise karte hai.

January 31, 2016


  1. Hello everyone, iis article me yeh btaya gya hai Blog / website par header image ko center me kaise karte hai. 
  2. Blog / website Par header image ko left me or content right me kaise karte hai .
  3. Blog / website Par header image right me or content left me kaise karte hai.


Blog par header image kya hoti hai  
Aap ko mostly site Par Header Par image dekhne ko milti hogi . Header image ek tarah se site ki pahechan hoti hai. Maine apni website Par two Header image laga rakhi hai . Header image se aap ki Blog / website ka design good looking lagta hai .

Ab jante hai header image ko center me kaise karte hai
Header image ko CSS coding ki help se center me Lana janege.

First: Apne Blogger ke dashboard Par jaye .

2nd: Ab template ke options Par click kar dijiye.

3rd: Ab EDIT HTML Par click kar dijiye.

4th: Ab template ke under Ctrl-F press kar ke search box laye. Phir niche giya gya code search kar lijiye.
]]></b:skin>

Ab jo code aapne search kra hai us code ke upar niche giya gya code paste kar dijiye.
Code lene ke leye get code ke botton Par click kare.

#header-inner { background-size: cover; width: 100% !important; text-align: center; } #header-inner img { width: 100%; height: 100%; }

Agar aap header image ko Small image me show karna chahate hai iss code ka use kare .

#header-inner { background-position: center !important; width: 100% !important; text-align: center; } #header-inner img { margin: auto; }

Agar aap header image left me or content right me show karna chahate hai to niche diye code ka use kare

#header-inner { background-position: left !important; width: 100% !important; } .titlewrapper, .descriptionwrapper { float: right; clear: both; margin-right: 20px; }

Agar aap header image ho right me or hearde content ko left me karna chahate hai to niche giye gaye code ka use kare

#header-inner { background-position: right !important; width: 100% !important; } .titlewrapper, .descriptionwrapper { float: left; clear: both; margin-left: 20px; }


-->