पोस्ट के बीच में रंगीन बॉक्स - हिन्दी ब्लॉग टिप्स

Breaking

Monday, March 16

पोस्ट के बीच में रंगीन बॉक्स

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





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



कोड है-

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


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

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


और यह बदलाव

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


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


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


उम्मीद है कि आप इस तरह से पोस्ट के बीच में मनचाहा बक्सा बनाने में सफल होंगे।

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए ना !!

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

21 comments:

  1. अच्छी जानकारी ..इस बारे में मैंने संचिका में बहुत सारे लेख लिखे हैं.
    http://sanchika.blogspot.com/search/label/html

    ReplyDelete
  2. बहुत दिनों से यह तकनीकी,

    मैं भी खोज रहा था।

    मगर सफल नही होने पर,

    मैं खुद को कोस रहा था।

    मन से आभारी हूँ ,

    तुमको धन्यवाद देता हूँ।

    इसी युक्त से ही मैं भी,

    अपना ब्लाग सजा लेता हूँ।

    ReplyDelete
  3. आशीषजी,
    आपके इस पोस्ट ने मरी काफ़ी मुश्किलों का हल सुझा दिया। शायद मैं भी अब नियमित रूप से हिन्दी में ब्लोगिंग करने लगूंगा। आप वास्तव में मेरे जैसे लोगों के लिए बड़ी मदद (संसाधन पुरुष) बन गए हैं। कभी-कभी सोचता हूँ की क्या किसी विदेशी पढ़े-लिखे आदमी ने आप की तरह अपने संसाधनहीन दोस्तों की मदद करता होगा? इसके उत्तर में अक्सर ना ही कहना पड़ता है क्योंकि आपसी सौहार्द की जो परम्परा भारत में रही है, वह कहीं और देखने या सुनने को नहीं मिलती। भगवन करे आपका ज्ञान लगातार बढ़ता जाए तो आपके पीछे खड़े मुझ जैसे लोगों को भी मदद मिलती रहे।

    ReplyDelete
  4. आज की तारीख मे पोस्ट मे इस टेबल का निर्माण काफ़ी महत्वपुर्ण है, जैसे कि आप किसी बात को हाईलाईट करने के लिये इसे प्रोयोग मे ला सकते हैं.

    आपने बहुत अच्छी जानकारी दी. धन्यवाद.

    रामराम.

    ReplyDelete
  5. बहुत बढ़िया जानकारी !

    ReplyDelete
  6. main bhi yah'box' pahle se istmaal karti hun.aap se hi C-box ke zareeye seekha tha.
    is mein ek samsya hai jab do teen box banaye tab..final post mein do boxes ke beech mein duuuri bahut aa jati hai...
    usey backspace karte karte kayee abr content poora gayab ho jata hai.
    -----------------------------
    hindi seedha keyboard se type karne ke liye Baraha IME ka sujhaav mila tha lekin har baar desktop ke icon se double click kar adjust karna padta hai----
    google transliteration...kayee bar kaam nahin karta..hindi mein [unicode]seedha type kar pane ka saral upaay batayen....

    -------------------------
    PC mein Mangal fonts hai...task bar mein default language change option hain.Lekin us ki keyboard script!:( mushkil lagati hai.

    Shusha asaan hai magar wah unicode jaise universally accepted nahin hai...

    -----
    shayad meri jaisee similar problem auron ko bhi ho-
    -------------------

    ReplyDelete
  7. आशीष जी, इस सुन्दर और उपयोगी पोस्ट के लिये आभार ।
    निखिल की बात मैं भी अपने अन्तर्मन से अनुभव कर रहा हूं, मेरी नियमित ब्लोगिंग के पीछे भी निःसन्देह आप हैं ।
    अल्पना जी की समस्याओं पर एक पोस्ट लिख दीजिये, सब का भला होगा, पर उस पोस्ट में मेरा भी जिक्र जरूर करिये क्योंकि एकाध मर्ज का रोगी उसमें से मैं भी हूं ।

    ReplyDelete
  8. आशीषजी,
    आपने काफ़ी मुश्किलों का हल सुझा दिया। बहुत-बहुत धन्यवाद।
    आपकी ओर से लगातार अच्छे-अच्छे तरीके मिलते रहते हैं। हम आपको आगे भी परेशान करते रहेंगे।

    ReplyDelete
  9. आपके द्वारा दी गयी जानकारी ज्ञान वर्धक है । काम मे लेकर देखेगें

    ReplyDelete
  10. उपयोगी जानकारी है, आभार।

    ReplyDelete
  11. Sir Good Afternoon,

    I am not saying that i am good with writing but at least i can write.
    However when it comes to decoration the blog i am computer illetrate, thanks to your blog that i now can decorate my blog moderately, if not very good.
    But then too i've hardly commented on your blog or said thanks to you(Done that but rarely).
    So as in thanks gesture i am adding your blog in my http://darpansah.blogspot.com as in 'Saptah ka blog'. (we are starting the new series where we will appericate the blogs which are worth reading or are unique in it's style).
    And yours will be the first in this series...

    ..please let me know through mail or anywhere in comment if that is legally right?
    if not then i will do the need ful.
    (Sorry for not seeking your permission for the same. But let me know if that was wrong.)



    and at last I would like to thank you for all what you are doing for us(we the hindi blogger)....
    :)



    Darpan Sah 'Darshan'
    darpansah@yahoo.com
    darpansah@gmail.com
    http://darpansah.blogspot.com
    http://nazmuljhihai.blogspot.com
    http://treveni.blogspot.com

    +91 999 944 3518

    ReplyDelete
  12. बहुप्रतिक्षित जानकारी दी आपने...
    आशीष जी,
    बिन मांगे मोती मिले.... saarthak ho gayaa

    मजा आ गया भाई..
    विशेष बधाई...

    ReplyDelete
  13. GOOD MORNING! SIR! AAPKA BAHUT-BAHUT DHANYAWAD! AAPKE IS POST KE LIYE UPAR KE SABHEE 13 TIPPANIYAN BAHUT KAM HAIN. WAKAI ME ISKE LIYE HAMARE PAAS SHABD NAHIN HAIN.
    AAPKA DEEPAK, DEOGHAR

    ReplyDelete
  14. GOOD MORNING! SIR! AAPKA BAHUT-BAHUT DHANYAWAD! AAPKE IS POST KE LIYE UPAR KE SABHEE 13 TIPPANIYAN BAHUT KAM HAIN. WAKAI ME ISKE LIYE HAMARE PAAS SHABD NAHIN HAIN.
    AAPKA DEEPAK, DEOGHAR

    ReplyDelete
  15. GOOD MORNING! SIR! AAPKA BAHUT-BAHUT DHANYAWAD! AAPKE IS POST KE LIYE UPAR KE SABHEE 13 TIPPANIYAN BAHUT KAM HAIN. WAKAI ME ISKE LIYE HAMARE PAAS SHABD NAHIN HAIN.
    AAPKA DEEPAK, DEOGHAR

    ReplyDelete
  16. श्री मान जी, नमस्कार । मैं समय समय पर आपके द्वरा दिए टिप्स पढता रहता हूँ । उसके अलावा मेरी मेल पर भी आपके टिप्स आते है । लेकिन इन दिनों मैं एक अलग ही विकट समस्या से जूझ रहा हु । मुझे मेरे ब्लॉग पर ऐसी विशेषता चाहिए की जिस से मैं मेरे द्वारा लिखी गई पहली पोस्ट की हेड लाइन लिखू और उस पर क्लिक करने मात्र से वह पोस्ट मेरे ब्लॉग का पाठक उस पोस्ट को भी पढ़ सके । ऐसा हो सकता है क्योकि मैंने ऐसा www . rajkaj . blogspot . com पर देखा है । कृपया कर मुझे भी बताये की मैं ऐसा कैसे कर सकता हु ।

    ReplyDelete
  17. शुक्रिया आशीष जी...बेमिसाल जानकारी थी ये...
    इस्तेमाल करता हूँ अपने अगले पोस्ट में

    ReplyDelete
  18. Your blog is very interesting. I have tried to but a colored box on my blog lifemazedar.blogspot.com and succeeded.
    Please do favor me by telling me how to get a template with horizontal tabs as you have in this blog of yours. My email is chndar30@gmail.com
    I am waiting eagerly for your response. Please do write to me soon
    Regards
    Chandar Meher

    ReplyDelete
  19. बहुप्रतीक्षित जानकारी के लिए शुक्रिया ... मै विन्डोज़ लाइव राइटर कर उपयोग करता हूँ लेकिन उसमे बॉक्स बनाने का आप्शन नहीं मिला मुझे ... इस टेक्स बॉक्स आप्शन में आप ने इसे राईट या लेफ्ट एलाइनमेंट का कोई आप्शन नहीं बताया ... ये पूरे ब्लॉग के फैलाव में रहता है ... जैसे ज्ञानदत्त पाण्डेय जी के ब्लॉग पर छोटे छोटे कैप्शन होते हैं उसका एचतीएमेल कोड बताने का कष्ट करें ...

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

    ReplyDelete
  20. उपयोगी जानकारी ....आभार पर जैसा की @पद्म सिंह जी ने कहा की ... मै विन्डोज़ लाइव राइटर कर उपयोग करता हूँ लेकिन उसमे बॉक्स बनाने का आप्शन नहीं मिला मुझे तो यही समस्या मेरे साथ भी है ... विन्डोज़ लाइव राइटर में बॉक्स बनाने का तरीका क्या है ..बताएं ..????

    ReplyDelete