ब्लॉग छत्तीसगढ़

23 April, 2007

हेडर के रूप में चित्र को बीटा ब्लागर में जोडना – नये चिटठाकारों के लिये

सबसे पहले फोटोशाप या अन्‍य ग्राफिक साफटवेयर से अपना हेडर बनाये, ब्‍लागर में लागईन करें, पहले अपने टेम्पलेट का बेकअप डाउनलोड फुल टेम्पलेट या चेंज यूवर टेम्पलेट से उपयोग विधि अनुसार ले लेवें ।
२ अपने इच्छित चित्र को गूगल पेज, फोटो बकेट जैसे मुफत होस्ट में अपलोड करें एवं यु आर एल की कापी प्राप्त कर लेवें ।
३ ब्लागर बीटा में लागइन करें डेशबोर्ड से अपना ब्लाग चयन करें लेआउट चयन करें यह आपको एड एण्ड
अरेंज पेज में ले जायेगा एडिट एच टी एम एल को क्लिक करें व निम्नलिखित कोड के आते तक नीचे जायें :-
यहां तक div id="header-wrapper" ?xml:namespace prefix = b / b:section class="header" id="header" showaddelement="no" maxwidgets="1" b:widget id="Header1" title="The Widgets of Beta Blogger. (Header)" type="Header" locked="false" /b:widget /b:section /div

उपरोक्त कोड में निम्नलिखित बदलाव करें :-
maxwidgets="1" की जगह maxwidgets="2" एवं showaddelement="no" की जगह showaddelement="yes" करें टेम्पलेट सेव करें

४ अब पेज एलीमेंट टैब को क्लिक करें एड एण्ड अरेंज एलीमेंट पेज खुलेगा यहां आप हेडर सेक्शन जुडा हुआ देखेंगे
जिसमें आप अपने पसंद का चित्र देखना चाहते हैं ।
५ अब पेज इलेमेंट से एच Html/Javascript को चयन करें जिसमें आपके दृवारा पसंद किये गये चित्र का यू आर एल पेस्ट करें इस प्रकार :-

ऐसे a title="YOUR BLOG TITLE" href="http://www2.blogger.com/BLOG" img alt="YOUR BLOG TITLE" src="http://www2.blogger.com/URL" / /a
सेव करें ।

६ एड टू ब्लाग को क्लिक करें खुलने पर गुगल पेज में सेव किये गये चित्र का यू आर एल (URL) को यू आर एल टैक्ट बाक्स में पेस्ट करें । सेव करें ब्लाग देखें ।
७ यदि आपको ऐसा गलता है कि पहले से लिखा हुआ ब्लाग टाईटल हेडर चित्र के उपर आये नीचे में न दब जाये यानी पुराने वाला टाईटल फोन्ट वाला चित्र के उपर हो यह ऐसा क्योंकि सर्च ईंजन आप्टमाईजेशन के लिये आवश्यक हो तो पेज एलीमेंट में जायें एडिट लिंक को क्लिक करें popup window which appears में रिमूव को क्लिक करें ( यदि यहां एडिट लिंक टैक्स बाक्स में नही है तो एडिट एच टी एम एल सब टैब में जायें निम्ललिखित कोड आने तक नीचे आयें

यहां तक b:widget id="Header1" title="The Widgets of Beta Blogger. (Header)" type="Header" locked="true"

इस कोड में बदलाव करें locked='true' की जगह locked='false' करें व सेव करें ।

८ पेज एलीमेंट में जायें जहां आप टायटल बाक्स व रिमूव लिंक ऐडिट को क्लिक करने पर आ जायेगा एडिट लिंक देख पायेंगें जिसे अपनी इच्छानुसार बदला जा सकेगा ।

9 मैने भी ईसी तरह से अपना हेडर बनाया है, देखा ना आपने, बाकी जानकारी मेरे पंडित भाईयों, संजीत जी एवं ब्‍लागर गुरूओं से पूछें ।
मेरे पंडित भाईयों एवं ब्‍लागर गुरूओं को मेरा प्रणाम ।
जुगाड : http://betabloggerfordummies.blogspot.com/ To add a picture to a Beta Blog Header

6 comments:

  1. अच्छा है तिवारी जी. फुर्सत में करने को एक काम सुझा दिया है आपने! धन्यवाद.

    ReplyDelete
  2. बहुत बढिया काम किया आपने ।
    मैं कई दिन से सोच सोच कर परेशान थी। दो एक बार अपनी अक्ल भी चलाई पर कुछ और् ही गडबड कर बैठी । अब मेरे ब्लॉग पर आकर चित्र देखियेगा ।

    धन्यवाद!

    ReplyDelete
  3. शुक्रिया, मैं कई दिन से श्रीश से दिक कर रहा था आपने आसान कर दिया

    ReplyDelete
  4. भैया इहां तो अईसन होगे हावय कि गुरु हा गुड़ रहिगे अऊ चेला हा शक्कर होगे हे।
    मस्त बताएस भैया, सच्ची मा तारीफ़ करे के लइक काम करे हस तेहां।
    पढ़ के लागत हे कि अब तेहां html के खिलाड़ी बन गे हस

    ReplyDelete
  5. पर भाई लोगों यहां एक दिक्कत है जो आपको १७ ईंची मोनिटर या बडे मानिटर में देख रहें हैं उनके लिये हेडर थोडा बडा बनावें, और संजीत भाई जैसे तीन कालम वाले चिठ्ठाकार को भी फोटू का वीर्थ ८०० पिक्सल से ज्यादा रखना होगा

    ReplyDelete
  6. मेरी समस्या का हल आज मुझे मिला है ,धन्यवाद

    ReplyDelete

आपकी टिप्पणियों का स्वागत है. (टिप्पणियों के प्रकाशित होने में कुछ समय लग सकता है.) -संजीव तिवारी, दुर्ग (छ.ग.)

Popular Posts

23 April, 2007

हेडर के रूप में चित्र को बीटा ब्लागर में जोडना – नये चिटठाकारों के लिये

सबसे पहले फोटोशाप या अन्‍य ग्राफिक साफटवेयर से अपना हेडर बनाये, ब्‍लागर में लागईन करें, पहले अपने टेम्पलेट का बेकअप डाउनलोड फुल टेम्पलेट या चेंज यूवर टेम्पलेट से उपयोग विधि अनुसार ले लेवें ।
२ अपने इच्छित चित्र को गूगल पेज, फोटो बकेट जैसे मुफत होस्ट में अपलोड करें एवं यु आर एल की कापी प्राप्त कर लेवें ।
३ ब्लागर बीटा में लागइन करें डेशबोर्ड से अपना ब्लाग चयन करें लेआउट चयन करें यह आपको एड एण्ड
अरेंज पेज में ले जायेगा एडिट एच टी एम एल को क्लिक करें व निम्नलिखित कोड के आते तक नीचे जायें :-
यहां तक div id="header-wrapper" ?xml:namespace prefix = b / b:section class="header" id="header" showaddelement="no" maxwidgets="1" b:widget id="Header1" title="The Widgets of Beta Blogger. (Header)" type="Header" locked="false" /b:widget /b:section /div

उपरोक्त कोड में निम्नलिखित बदलाव करें :-
maxwidgets="1" की जगह maxwidgets="2" एवं showaddelement="no" की जगह showaddelement="yes" करें टेम्पलेट सेव करें

४ अब पेज एलीमेंट टैब को क्लिक करें एड एण्ड अरेंज एलीमेंट पेज खुलेगा यहां आप हेडर सेक्शन जुडा हुआ देखेंगे
जिसमें आप अपने पसंद का चित्र देखना चाहते हैं ।
५ अब पेज इलेमेंट से एच Html/Javascript को चयन करें जिसमें आपके दृवारा पसंद किये गये चित्र का यू आर एल पेस्ट करें इस प्रकार :-

ऐसे a title="YOUR BLOG TITLE" href="http://www2.blogger.com/BLOG" img alt="YOUR BLOG TITLE" src="http://www2.blogger.com/URL" / /a
सेव करें ।

६ एड टू ब्लाग को क्लिक करें खुलने पर गुगल पेज में सेव किये गये चित्र का यू आर एल (URL) को यू आर एल टैक्ट बाक्स में पेस्ट करें । सेव करें ब्लाग देखें ।
७ यदि आपको ऐसा गलता है कि पहले से लिखा हुआ ब्लाग टाईटल हेडर चित्र के उपर आये नीचे में न दब जाये यानी पुराने वाला टाईटल फोन्ट वाला चित्र के उपर हो यह ऐसा क्योंकि सर्च ईंजन आप्टमाईजेशन के लिये आवश्यक हो तो पेज एलीमेंट में जायें एडिट लिंक को क्लिक करें popup window which appears में रिमूव को क्लिक करें ( यदि यहां एडिट लिंक टैक्स बाक्स में नही है तो एडिट एच टी एम एल सब टैब में जायें निम्ललिखित कोड आने तक नीचे आयें

यहां तक b:widget id="Header1" title="The Widgets of Beta Blogger. (Header)" type="Header" locked="true"

इस कोड में बदलाव करें locked='true' की जगह locked='false' करें व सेव करें ।

८ पेज एलीमेंट में जायें जहां आप टायटल बाक्स व रिमूव लिंक ऐडिट को क्लिक करने पर आ जायेगा एडिट लिंक देख पायेंगें जिसे अपनी इच्छानुसार बदला जा सकेगा ।

9 मैने भी ईसी तरह से अपना हेडर बनाया है, देखा ना आपने, बाकी जानकारी मेरे पंडित भाईयों, संजीत जी एवं ब्‍लागर गुरूओं से पूछें ।
मेरे पंडित भाईयों एवं ब्‍लागर गुरूओं को मेरा प्रणाम ।
जुगाड : http://betabloggerfordummies.blogspot.com/ To add a picture to a Beta Blog Header

Disqus Comments