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

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


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

body {
background: $bgColor;

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

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

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

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

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

...आगे पढ़ें!

क्या आप की पोस्ट बहुत बड़ी हो जाती है?

अगर आप की पोस्ट बहुत बड़ी हो जाती है तो आप केवल कुछ पंक्तियाँ ही मुख्य पृष्ठ पर प्रदर्शित कर सकते हैं। 'और पढें' का एक लिंक दे दिया जा सकता है जिसपे क्लिक करने के उपरांत पूरी पोस्ट पढी जा सकती है। इस तरह मुख्य पृष्ट लंबा भी नही होगा, और जो लोग लेख पढना चाहेंगे वो शुरू की कुछ पंक्तियाँ पढ़ने के बाद 'आगे पढें' पर क्लिक करके आगे पढ़ लेंगे। और जो नही पढना चाहते, उन्हें भी सुविधा हो जाया करेगी। :)

ब्लोग बुद्धि का आज का विषय यही है। थोडे से परिवर्तन के बाद ही आप ऐसा कर सकेंगे।


Template > edit HTML पर जायें.
Expand Widget Template के आगे टिक करें.
अब सबसे पहले आप /head खोजें. और उसके ठीक पहले निम्न कोड चित्र में बताये तरीके से डाल दें.





अब data:post.body/ खोजें और उसके नीचे यह कोड डालें. (चित्र पर ध्यान दिया जाए)





Save Template करने के उपरांत settings > formatting में जायें और सबसे नीचे post template में यह कोड डाल कर save settings क्लिक करें. (नीचे के चित्र पर नजर फ़िरायें)






ऐसा करने के बाद आप जब भी नयी पोस्ट लिखेंगे आपको ऐसा दिखने लगेगा. :)



बस हो गया. कोशिश किजिये.

...आगे पढ़ें!

याहू जैसे स्माइलीज अब ब्लोग पोस्ट में भी

कितना अजीब लगता है ना जब आप स्माइलीज के अभाव में चिन्हों से ही काम चलाते हैं। ब्लॉग बुद्धि लेकर आया है ऐसा उपाय जिससे आपके पोस्ट में याहू जैसे स्माइलीज आ जायेंगे।

यह स्क्रिप्ट उन लोगों के लिए काफी लाभदायक होगा जो ब्लोग लिखते वक्त भी स्माइलीज का बहुत ही ज्यादा प्रयोग करते हैं। उदाहरण के तौर पर नीचे दिखाए गए दो चित्र देखें।

स्क्रिप्ट के इस्तेमाल के पहले:
स्क्रिप्ट के इस्तेमाल के बाद
आजतक आपने जितने भी पोस्ट में स्माइलीज का प्रयोग किया है उन सारे पोस्ट्स में भी साधारण चिन्हों की जगह स्माइलीज दिखाई देने लगेंगे। ज्यादा भुमिका ना बांधते हुए सीधे काम की बात।



१ - ब्लोगर पर लोग-इन करें। template > edit html > edit template के अंतर्गत Expand widget template पर क्लिक करें।


2 - head टैग ढूँढें। एवं उसके ठीक नीचे निम्न कोड चिपकायें। (जैसा कि चित्र मे दिखाया गया है)






३ - body टैग ढूँढें। उसके अंदर यह लिखें: onload='replaceText();' (चित्रानुसार)

४ - data:post.body ढूँढें। (नीचे के चित्र में लाल रंग के बक्से में प्रदर्शित) एवं उसके ठीक पहले वाले टैग में id='postcontent' लिखें। (नीचे के चित्र मे ठीक पहले वाला टैग P है, किसी किसी टेम्प्लेट मे कुछ और भी हो सकता है। जो भी टैग है उसमे परिवर्तन करें. परिवर्तन हरे रंग में प्रदर्शित है.)

५ - save template पर क्लिक करें। बस हो गया।

किसी तरह कि कोई समस्या आनी तो नही चाहिऐ परन्तु अगर कुछ गडबडी होती है तो सूचित करें। अभी तक आप जिन जिन चिन्हों का प्रयोग कर सकते हैं वो ये रहे:

  • :)
  • :(
  • ;)
  • :P या :p
  • :D या :d
  • :X या :x
  • :O या :o



(सोच रहा हूँ कि एक डिस्क्लेमर भी लिख ही डालूँ कि यहां प्रदर्शित हर कोड का इस्तेमाल आपकी अपनी जिम्मेवारी है)


...आगे पढ़ें!

ब्लॉगर टेम्पलेट के रंगों व फोंट्स का परिवर्तन

आपके टेम्पलेट का रंग आपके व्यक्तित्व को मिलता हुआ हो, तो क्या बात है? यद्यपि ब्लॉगर के तयशुदा टेम्पलेट कुछ खास रंग लिए होते हैं पर साथ ही साथ उन रंगों को बदलने का भी प्रावधान है।



Template > Fonts and Colors पर जाएँ।
बायीं ओर आपको बहुत सारी जगहों के नाम लिखे मिलेंगे, जैसे नीचे के चित्र में Page Background Color को दिखाया गया है। दायीं ओर बहुत सारे रंग दिखाए गए हैं जो तीन हिस्सों मे बटें हैं:

  • आपके ब्लोग में प्रयुक्त रंग
  • आपके ब्लोग के रंगों से मेल खाते रंग
  • अन्य रंग
ये विभाजन केवल रंग चयन में आपकी मदद के लिए किया गया है।

अब आप जिस क्षेत्र का रंग बदलना चाहते हैं, बायीं ओर से वह जगह चुनकर क्लिक करें। फिर, दायीं ओर से उस रंग पर क्लिक करें जो आप चुनना चाहते हैं। नीचे के हिस्से में आपका ब्लोग दिख रह होगा। इस परिवर्तन के बाद आपका ब्लोग कैसा दिखेगा ये आपको वहीं पर पता चल जाएगा। जितना चाहें उतना बदलाव लायें और संतुष्ट होने पर save changes पर क्लिक करें।


इसी तरह आप अपने ब्लोग के फोंट्स को भी परिवर्तित कर सकते हैं। मनचाहा फॉण्ट चुनना, बोल्ड इत्यादी करना एवं फॉण्ट के साइज में परिवर्तन भी यहां से संभव है। (संलग्न चित्र देखें)


रंग परिवर्तन के लिए सामान्यतया निम्न विकल्प होते हैं:
  • Page Background Color
  • Text Color
  • Link Color
  • Blog Title Color
  • Blog Description Color
  • Post Title Color
  • Border Color
  • Sidebar Title Color
  • Sidebar Text Color
  • Visited Link Color
फॉण्ट परिवर्तन के लिए निम्न विकल्प उपलब्ध हैं.
  • Text Font
  • Sidebar Title Font
  • Blog Title Font
  • Blog Description Font
  • Post Footer Font
कभी कभी आपके टेम्पलेट में इससे कम या अधिक विकल्प भी उपलब्ध हो सकते हैं। इसके अलावा अगर कोई परिवर्तन करना है तो हमें सीधे टेम्पलेट में परिवर्तन लाने होंगे। हम अपनी आवश्यकतानुसार इस तरह के विकल्प जोड़-घटा सकते हैं। (इसके लिए ब्लॉगर टेम्पलेट के XML की जानकारी आवश्यक है)। सामान्य प्रयोग के लिए इतना ही काफी है।

...आगे पढ़ें!