ब्लॉग पर पोस्ट के बीचो -बीच में रंगीन बॉक्स या साइडबार में कैसे बनाये

मेरे कुछ ब्लाॅग करने वाले मित्रो ने पोस्ट के बीच में रंगीन बक्सा बनाने का तरीका जानना चाहा है। उनकी जिज्ञासा है कि अन्य ब्लाॅग पोस्टो की तरह ही उनके ब्लाॅग पोस्ट पर भी  पोस्ट के बीच में रंगीन बक्से दिखे। फिरहाल वैसे बक्से कैसे बनाए जा सकते हैं ? इसका सीधा उपाय है विंडोज लाइव राइटर की मदद लेना। माइक्रोसॉफ्ट के इस उत्पाद को आपको  यहां से डाउनलोड करना होगा और उसके बाद आप इस उपयोगी साधन की मदद से अपनी पोस्ट को मर्जी के मुताबिक सजा सकते हैं। लेकिन अगर आप मेरी तरह एक और सॉफ्टवेयर को डाउनलोड करने का झंझट मोल नहीं लेना चाहते तो आपके लिए मैं एक सीधा सा कोड पेश कर रहा हूं। आप इसे अपनी पोस्ट के साथ इस्तेमाल कर सकते हैं और मनचाहे रंग का बॉक्स बना सकते हैं।

पोस्ट के बीच में बॉक्स बनाने के लिए नीचे दिए गए कोड को कॉपी कीजिए। ब्लॉगर ब्लॉग पर पोस्ट एडिटर में एडिट एचटीएमएल विकल्प पर क्लिक कीजिए। उसके बाद उस जगह पर यह कोड कॉपी कर दीजिए, जहां पर आप बक्सा चाहते हैं। बक्से में दिखने वाली सामग्री बदल दीजिए। इसके बाद अगर आप चाहते हैं तो रंगों में मनचाहा परिवर्तन कीजिए और पोस्ट को पब्लिश कर दीजिए। आपकी पोस्ट के साथ यह बक्सा दिखने लगेगा।

जिसका कोड मै नीचे दे रहा हूँ - 

<table border="1" cellpadding="5" cellspacing="5" width="100%"><th style="color:red;background-color:pink;" rowspan="2">यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री</th></table>

यह कोड आपको पोस्ट में ऐसा नजर आएगा-

यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।                                                                              नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री

इस कोड में आपको एक जगह color दिख रहा है और उसके बाद background-color. यहां color आपके अक्षरों के रंग को निर्धारित करता है और background-color बॉक्स के रंग को। आप इनकी वेल्यूज को अपनी मर्जी के मुताबिक रख सकते हैं। मिसाल देखिए-
जिसका कोड मै नीचे दे रहा हूँ - 

<table border="1" cellpadding="5" cellspacing="5" width="100%"><th style="color:blue;background-color:yellow;" rowspan="2">यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री</th></table>

रंगों में इस बदलाव के बाद बक्सा ऐसा दिखेगा-

यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।                                                          नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री

और यह बदलाव -जिसका कोड मै नीचे दे रहा हूँ - 

<table border="1" cellpadding="5" cellspacing="5" width="100%"><th style="color:white;background-color:green;" rowspan="2">यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री</th></table>

कुछ ऐसा दिखेगा-

यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।                                                नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री

और यह बदलाव -जिसका कोड मै नीचे दे रहा हूँ - 

<table border="1" cellpadding="5" cellspacing="5" width="100%"><th style="color:white;background-color:blue;" rowspan="2">यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री<br /> नमूने की सामग्री</th></table>

कुछ ऐसा दिखेगा-

यहां आप वह सामग्री लिख दें, जिसे इस बक्से में दिखाना चाहते हैं।                                      नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री नमूने की सामग्री

उम्मीद है कि आप इस तरह से पोस्ट के बीच में मनचाहा बक्सा बनाने में सफल होंगे।  आशा है की यह  लेख  आपको पसंद आया होगा ? यदि  हां, तो ...अभी से आप इस ब्लॉग के प्रशंसक बनिए ना !! हम आपसे अपेक्षा करते है की आप अपनी प्रतिक्रिया व्यक्त कर अपने विचारों से मुझे अवश्य अवगत कराएँगे जिससे हम आपको और जानकारी दे सके ! सादर धन्यवाद