क्या आपके हेडर का इमेज मूल आकार से छोटा दिखता है?

क्या आपके हेडर का इमेज मूल आकार से छोटा दिखता है? संभवतः ब्लॉगर ने हाल में कुछ अंदरूनी बदलाव किये हैं जिसके फलस्वरूप हेडर इमेज का साइज निश्चित हो गया है। मुझे कुछ लोगों से यह सुनने को मिला कि वो अगर १००० px की मोटाई वाला चित्र भी चढाते हैं तो उनका आकार अपरिवर्तित रहता है। अगर आप भी ऐसी कोई समस्या के शिकार हैं तो आप बिल्कुल सही जगह पर आये हैं.


अगर आप चाहते हैं कि चित्र हमेशा ही ब्राउजर की पूरी चौडाई मे दिखे तो Template> edit html में जाकर ये पंक्ति खोजें

body {
background: $bgColor;

और इन पंक्तियों के ठीक ऊपर ये पंक्तियां डाल दें

#Header1_headerimg {
width:100%;
height: auto;
}

इसके बाद Save Template पर क्लिक करते ही, हेडर विंडो की पूरी चौड़ाई में दिखने लगेगा.

अगर आप पूरी चौड़ाई इस्तेमाल करने के बदले एक निश्चित चौड़ाई इस्तेमाल में लाना चाहते हैं तो width:100%; वाली लाइन को बदल दें. अर्थात यदि आप हेडर की इमेज का साइज 870 पिक्सल सुनिश्चित करना चाहते हैं तो width: 870px; लिखें. अंत में ’;’ इस चिन्ह का इस्तेमाल ना भूलें.

इसके बाद आप चाहे किसी भी साइज का हेडर अपलोड करें, आकार में कोई परिवर्तन नहीं दिखेगा.

9 comments:

इष्ट देव सांकृत्यायन

December 22, 2007 at 8:24 PM

अच्छी जानकारी दी है. धन्यवाद.
और हाँ आपके भूतोहम पर एक सवाल :

"किम प्रेतों न त्वं?"

परमजीत सिहँ बाली

December 22, 2007 at 10:53 PM

अच्छी जानकारी दी है।धन्यवाद।

Unknown

December 23, 2007 at 3:54 PM

यह सेटिंग की पर काम बना नहीं।
शायद पूरे कोड में कहीं और भी कुछ बदलाव करने हों। मैं देख रहा हूँ। ग्रर कुछ सफलता मिली तो जरूर लिखूंगा।

Vikash

December 23, 2007 at 4:02 PM

पल्लव जी!

ये डिफाल्ट टेम्पलेट पर काम अवश्य करेगा. अगर टेम्पलेट में कुछ परिवर्तन किये गये हों, तो काम नहीं भी कर सकता है.

करना बस इतना है कि हेडर के इमेज का क्लास मालूम करना है. और जो क्लास का नाम हो उसी क्लास का CSS बदल देना है. डिफाल्ट टेम्पलेट Header1_headerimg का इस्तेमाल करता है.

सागर नाहर

January 9, 2008 at 12:27 PM

मेरे ग्रुप के चार पाँच ब्लोग है, इनमें किसी भी ब्लॉग में ये दोनों ही लाईनें नहीं है, परन्तु हैडर भी सही नहीं दिख रहा। क्या कोई दूसरा तरीका है?
टेम्लेट इधर उधर से खोजकर मुफ्त के लगाये हैं।

Vikash

January 9, 2008 at 9:18 PM

सागर जी! जैसा कि मैंने पल्लव जी के प्रत्युत्तर में कहा है: "अगर टेम्पलेट में कुछ परिवर्तन किये गये हों, तो काम नहीं भी कर सकता है."

करना बस इतना है कि हेडर के इमेज का क्लास मालूम करना है. और जो क्लास का नाम हो उसी क्लास का CSS बदल देना है.

आप अपने ब्लोग का लिंक भी देते तो अच्छा होता.

वैसे, http://mahaphil.blogspot.com/ के टेम्पलेट में यह लाइन है:

#header { margin: 0; height:438px; width:866; color: #ffffcc; background: url('http://photos1.blogger.com/x/blogger/2350/3123/1600/695387/guitar-1.jpg') no-repeat top center; }

इसके चलते width और height नियत है. अगर हेडर के साइज में परिवर्तन करना चाह्ते हैं, तो उपरोक्त पंक्ति में परिवर्तन लायें.

किसी और ब्लोग से संबंधित कोई समस्या हो तो कृपया लिंक दें.

Manish Kumar

January 14, 2008 at 12:27 AM

kal tak sab kuch theek tha par aaj jab image edit kar wapas lagane ki koshish ki thi to wo aadhi width ki dikhne lagi.

aaj tumhara bataya code bhi lagaya par kuch sudhar nahin hua. jara batana kya samasya hai ye?

Vikash

January 14, 2008 at 2:42 PM

samasyaa ye hai...ki ab blogger header image ko resize karke store karne laga hai shayad!

Search these lines in your template:
div id='header-inner' style='background-image: url("http://bp1.blogger.com/_jVgHE75aHrs/R4pedyYGAwI/AAAAAAAAAro/ViugIJP7G6s/S750/esmn.JPG"); background-position: left; min-height: 169px;_height: 169px;background-repeat: no-repeat; '

Replace with:
div id='header-inner' style='width: 960px; background-image: url("http://bp1.blogger.com/_jVgHE75aHrs/R4pedyYGAwI/AAAAAAAAAro/ViugIJP7G6s/S750/esmn.JPG"); background-position: left; min-height: 169px;_height: 169px;background-repeat: no-repeat; '

Change the width parameter according to your choice.

One drawback will be: pic quality will decrease.