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

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


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

body {
background: $bgColor;

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

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

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

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

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

12 comments:

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

December 22, 2007 at 8:24 PM

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

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

परमजीत बाली

December 22, 2007 at 10:53 PM

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

पल्‍लव क. बुधकर

December 23, 2007 at 3:54 PM

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

विकास कुमार

December 23, 2007 at 4:02 PM

पल्लव जी!

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

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

सागर नाहर

January 9, 2008 at 12:27 PM

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

विकास कुमार

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

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?

विकास कुमार

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.

chengja

November 26, 2008 at 4:25 AM

Except in that drop wow goldwhich it sucked from thee?

chengja

November 26, 2008 at 4:25 AM

Never give up,
Neverwow gold lose hope.
Always wow goldhave faith,
It allows you to cope.
Tryingwow gold times will pass,
As they always do.
Just have patience,
Your dreamswow gold will come true.
So put on a smile,
You'llwow gold live through your pain.
Know itwow gold will pass,
And strengthwow gold you will gain

chengja

November 26, 2008 at 4:25 AM

I love the beautiful youngdofus kamaskamas dofusacheter kamasbuy kamasdofus kamaskamas dofus girl of this portrait, my mother, paintedcheap kamasdofus kamaskamas dofusacheter kamasdofus kamaskamas dofusachat kamasdofus kamaskamas dofusbuy dofus kamasdofus kamaskamas dofusachat kamasyears ago whenworld of warcraft goldwow powow orbuy wow goldachat gold wowwow levelingworld of warcraft goldwow powow orwow gold cheapwow powerlevelingbuy wow goldworld of warcraft goldbuy wow goldwow orwow powow power levelingwow levelingachat gold wow her forehead was white, and thereworld of warcraft goldbuy wow goldwow geldwow gold kaufenwow powerlevelingwow power levelingworld of warcraft goldbuy wow goldwow geldwow gold kaufenwow levelingworld of warcraft goldwow gold kaufenwow geldwow gold cheap was no shadow in the dazzlingwow levelworld of warcraft goldwow geldwow gold kaufenwow gold cheapwow powerlevelingacheter dofusacheter kamasacheter des kamasacheter des kamasacheter dofusbuy kamasacheter dofusacheter des kamasacheter dofusbuy kamasacheter des kamas Venetian glass of her gaze. But this other likeness shows the deep trenches across her forehead’s white marble. The rose poem of her youth that her marriage sang is far behind. Here is my sadness: I compare these portraits, one of a joy-radiant brow, the other care- heavy: sunrise—and the thick coming on of night. And yet how strange my ways appear,for when I look at these fadedlips my heart smiles, but at the smiling girl my tears start.