क्या आप भी अपनी पोस्ट आनलाईन लिखते हैं ? यदि आपका जवाब हाँ है तो .............

जैसा के उपरोक्त टाइटल में मैंने लिखा है कि क्या आप भी अपनी पोस्ट आनलाईन लिखते हैं ? तो ज्यादातर ब्लॉगर उनमें से नए ब्लॉगर का का जवाब तो निश्चित ही हाँ में होगा |

अब बात आती है जो कुछ भी आप अपनी पोस्ट में लिखते हैं उस पोस्ट में आप द्वारा लिखे गए टेक्स्ट के रंग का चुनाव कैसे करें ? फाँट के साइज़ का चुनाव कैसे करें | निश्चित रूप से आप सभी (खासकर नए ब्लॉगर) इन निम्न तस्वीरों के अनुसार तरीका अपनाते होंगे |

कल रात मुझे धीरेन्द्र जी का फोन आया कि मैं अपनी नई पोस्ट लिखने बैठा हूँ लेकिन मुझे मेरे पोस्ट एडिटर में फाँट के साइज व रंगों के चयन वाली आप्शन नहीं खुल रही | मैं क्या करूं ? ऐसा नए ब्लॉगर के साथ आमतौर पर घटता रहता है | मैं खुद ऐसी सम्स्साओं से दो चार हुआ हूँ लेकिन तब! जब मैंने इस ब्लॉग जगत को नया नया अपनाया था | तब से ऐसी सम्स्साओं से निपटने के लिए मैंने पोस्ट एडिटर की आप्शन का प्रयोग करना छोड़ दिया व इस कार्य के लिए मैं "CSS Code" का सहारा लेना शुरू कर दिया | इस से मेरा काम बहुत ज्यादा आसान हो गया | न तो फॉण्ट की आप्शन पर कलिक करके हर बार फॉण्ट के साइज़ को चुनने का झंझट न ही फाँट की रंग वाली आप्शन में जा कर फाँट के रंग का चुनाव करने का झंझट | अब दो चार बार इस को का इस्तेमाल करंते हैं फिर आपको ये कोड याद हो जाता है तब बहुत आसानी होती किसी भी पैराग्राफ को लिखने में

आज आपसे इसी विषय पर विस्तार से आपको वो "CSS Code" लगाने के बारे में बताया जाएगा | इस कोड को आपने अपने ब्लॉग के टेम्पलेट के एडिट मोड में लगाना है |

     लेकिन उस से पहले आप से उस कोड के बार में विस्तार से जानकारी .....वो कोड निम्नलिखित है ...

<p style="float:left;width:auto;color:#f60;font-size:16px;margin:5px 0 0 0; line-height:26px;">"टिप्स हिदी में" आप अपना टेक्स्ट यही पर लिखेंगे जैसे मैंने लिखा है | कहीं पर कोई फॉण्ट साइज़ के चयन का झंझट नहीं, कहीं पर फांट के रंग के चयन का झंझट नहीं |</p>

आपने उपरोक्त कोड देखा जो कि एडिट HTML मोड में लिखा गया है | कहीं पर कोई फॉण्ट साइज़ के चयन का झंझट नहीं, कहीं पर फांट के रंग के चयन का झंझट नहीं क्योंकि इस कोड में फाँट के साइज़ कलर व दो लाइनों के बीच की दूरी को पहले ही परिभाषित कर दिया गया है | आप इस उपरोक्त कोड एडिट HTML मोड में लिख कर इसे "Preveiw" बटन पर कलिक करके इस पोस्ट का पूर्वावलोकन देखेंगे तो आप पायेंगे कि आपको टेक्स्ट निम्न प्रकार से दिखाई देगा |

"टिप्स हिदी में" आप अपना टेक्स्ट यही पर लिखेंगे जैसे मैंने लिखा है | कहीं पर कोई फॉण्ट साइज़ के चयन का झंझट नहीं, कहीं पर फांट के रंग के चयन का झंझट नहीं |

इसलिए बिना किसी डर के आप निम्न कोड को अपने ब्लॉग के टेम्पलेट के एडिट मोड में जा कर लगाएं | एडिट मोड में कोई भी मोडीफिकेशन करने से पहले अपने ब्लॉग का बैकअप जरूर ले लें | बैकअप कैसे लिया जाए आप यहाँ पर पर देख सकते हैं कोड निम्नलिखित हैं | इस कोड को कापी करें व अपने टेम्पलेट के एडिट मोड में जायें |

टेम्पलेट के एडिट मोड में जाने के लिए दाएं तरफ दिखाई दे रही तस्वीर अनुसार इसका अनुसरण करें (किसी भी तस्वीर को बड़े प्रारूप में देखने के लिए इस पर कलिक करें )| एडिट मोड में जाने के बाद आप ]]></b:skin> इस कोड को ढूंढें | ]]></b:skin> इस कोड के ठीक ऊपर इस कोड को पेस्ट कर दें |

.text16{float:left;width:auto;color:blue;font-size:16px;line-height:16px;margin:5px 0 0 0;line-height:26px;}

कोड पेस्ट कहाँ पर करना है इसे बाएं हाथ की तरफ दिखाई दे रही तस्वीर में देख सकते हैं | दाएं हाथ की तरफ दिखाई दे रही तस्वीर में आप देख सकते है यदि आप अपने फाँट के साइज़ फाँट के कलर कैसे चेंज करना है देख सकते हैं | कोड पेस्ट करने के बाद आप सेव टेम्पलेट बटन पर कलिक करें | आप द्वारा एडिट मोड में लिखा गया कोड आपके टेम्पलेट में स्थापित हो गया है |

अब आप अपनी पोस्ट के एडिट मोड में आयें | यहाँ पर आपको निम्न अनुसार एक छोटा सा कोड लिखना होगा :-

<p class="text16">अपना टेक्स्ट यहाँ पर लिखें </p>

जब आप अपनी पोस्ट के "Edit HTML" मोड में लिखेंगे न कि "Compose" मोड में इस कोड को लिखेंगे तो आप को अपना टेक्स्ट निम्न अनुसार दिखाई देगा | आप खुद देखिए | अपना टेक्स्ट यहाँ पर लिखें

ऊपर आपने देखा कि एक छोटा सा कोड लिखने से भी वो वो सब किया जा सकता है जो एक भारी भरकम कोड लिखने से | इस प्रकार से भारी भरकम कोड को बार बार लिखने से बचने के लिए ही इस तरह के कोड को टेम्पलेट के एडिट मोड में लगाया जाता है | जहाँ पर <p ke बाद class="text16" का प्रयोग किया गया है इस का मतलब आम भाषा में कालबैक प्रोसीजर का प्रयोग किया जाता है (text16 का मतलब इस कोड के साथ जो कोड इस्तेमाल किया गया है वो इस पोस्ट में काम करे ) जैसे हम अपने कम्पूटर में किसी भी फाइल या किसी भी आइकन पर दो पर कलिक करते है तो पहले कलिक का मतलब है कि हम उस फाइल या उस आइकन के सोफ्टवेयर में काम करना चाहते हैं व दूसरे कलिक का मतलब है उस फाइल या उस प्रोग्राम को हमारे साहमने पेश किया जाए | सभी ये भली भांति जानते हैं कि किसी भी फाइल या आइकन पर दो बार कलिक करने से वो फाइल या प्रोग्राम हमारे साहमने लोड हो कर आ जाता है, वैसे ही हम इस कोड का इस्तेमाल करके उस प्रोसीज़र का इस्तेमाल करके अपनी पोस्ट में टेक्स्ट के साइज़ रंग व दो लाइनों के बीच की दूरी को तय करते हैं |

लास्ट स्टेप : <p class="text16">अपना टेक्स्ट यहाँ पर लिखें </p> अब इस कोड को कापी करें व पहले डैशबोर्ड पर फिर सेटिंग पर फिर फार्मेटिंग पर फिर पेज को स्क्रोल करते हुए नीचे जाएं व जहाँ पर पोस्ट टेम्पलेट लिखा है वहाँ पर उस के साहमने वाले बाक्स में ये कोड पेस्ट कर दें व सेव सेटिंग पर कलिक कर दें | आपने इस कोड को कहाँ पर पेस्ट करना है इसे निम्न तस्वीर में भी देख सकते हैं |

सेव सेटिंग बटन पर कलिक करने से ये कोड सेव हो गया है | अब आप जब भी नई पोस्ट के बटन पर कलिक करेंगे तो ये कोड आपको उस नई पोस्ट पहले से ही लिखा हुआ मिलेगा | आप को ये कोड बार बार लिखने की जरूरत नहीं पड़ेगी | जहाँ पर अपना टेक्स्ट यहाँ पर लिखें लिखा है वहाँ पर आप अपने नई पोस्ट का मैटर लिखे व "Preview" बटन पर कलिक करेंगे तो आप देखेंगे कि जो कोड आपने प्रयोग किया है उस के अनुसार ही आपका टेक्स्ट दिखाई देगा |

तो लुत्फ़ उठाइए इस छोटे से कोड का इस्तेमाल करके बार बार फाँट व कलर के चयन से छुटकारा व अपनी पोस्ट लिखने की स्पीड को बढाएं |

ई-मेल मी

यदि आपने इस लेख को पसंद किया है कृपया इस ब्लॉग के प्रशंसक भी बनिए !!

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !!!!!!!!!!