क्या आप भी कभी कभी परेशान हो जाते है कि पोस्ट सैक्शन से बाहर निकल रही तस्वीर के आकार को छोटा कैसे करें

     मैं क्या बहुत से नए व पुराने ब्लॉग लिखने वाले बहुत बार अपने लेख में किसी भी जानकारी को कारगर ढंग से समझाने के लिए अक्सर तस्वीरों का प्रयोग करते हैं | वैसे तो जब आप अपने ब्लॉग पर किसी भी तस्वीर को अपलोड करते हैं तो उस अपलोड के दौरान ही आप उस तस्वीर के लिए मानक तय कर सकते हैं | उसमें ये आप्शन होती हैं कि आप तस्वीर को बाएं तरफ दाएं तरफ या मध्य में लगाना चाहते हैं उसी आप्शन कर प्रयोग करें | जब तस्वीर अपलोड होती है तो उसी आप्शन के तहत ही आपके ब्लॉग पर दिखाई देती है जिस आप्शन को आपने सेलेक्ट किया होता है | लेकिन समस्या तब होती है जब आप किसी अन्य ब्लॉग से या किसी अन्य वेबसाईट से उस तस्वीर का लिंक भर उठाते हैं तो वह तस्वीर आप अपने ब्लॉग में प्रयोग करते हैं तो जो पुराने ब्लॉगर हैं वो तो उस तस्वीर को उचित ढंग से लगाने के काम को बढ़िया तरीके से अंजाम दे देते हैं लेकिन नए ब्लॉगर जो इस काम में इतना माहिर नहीं होते उनके लिए ये समस्या पैदा हो जाती है कि वो इस तस्वीर को अपने पोस्ट एडिटर से बाहर निकल रही तस्वीर के साइज़ को कम करने के लिए क्या तरीका अपनाएं | मैंने बहुत से नए ब्लॉगर के साथ इस समस्या से दो चार होते हुए देखा है कि उनके ब्लॉग पर पोस्ट सेक्शन से तस्वीर बाहर निकल रही होती जो उस पोस्ट के लुकआउट में थोड़ा सा तो व्यवधान तो पैदा करती ही है | नया ब्लॉगर इसका हल तो चाहता ही है | आप भी चाहते होंगे | इस तरह के समाधान के लिए ही मैंने के तस्वीर लिंक मेकर बनाया है | आप इस तस्वीर लिंक मेकर की एक तस्वीर नीचे देख सकते हैं |


     एक और खास बात जब आप अपने ब्लॉग पर कोई भी तस्वीर अपलोड करते हैं यदि तो आप "Compose" मोड में तस्वीर को अपलोड करते हैं तो आपको पता नहीं चल पाता कि उस तस्वीर के पीछे क्या कोड है | परन्तु यदि आप अपनी कोई भी तस्वीर "Edit HTML" मोड में अपलोड करते हैं तो आपको पता चलेगा कि इस तस्वीर के पीछे कौन सा कोड इस्तेमाल हो रहा है | इस कोड का एक उदाहरण आप नीचे देख सकते हैं |

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ETsOIrJGPE4YgwQCgn9NmV-Uggqt1TJf-o7AF5SExsGMBsMSag8PkimsItQTPNfQXdmAj2H7Hs4ZvUa5lrTfyAvWsMlPsewsJlWSBtbSLe6VTunf13MUBDlELk0ByVDT53CREcRO0RQ/s1600/text_16_code.png" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"> <img border="0" height="132" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ETsOIrJGPE4YgwQCgn9NmV-Uggqt1TJf-o7AF5SExsGMBsMSag8PkimsItQTPNfQXdmAj2H7Hs4ZvUa5lrTfyAvWsMlPsewsJlWSBtbSLe6VTunf13MUBDlELk0ByVDT53CREcRO0RQ/s200/text_16_code.png" /> </a></div>

     अब आप उपरोक्त कोड को ध्यान से देखें कि एक तस्वीर के लिए जो आपने अपने ब्लॉग पर अपलोड की है | इस कोड में आपको तस्वीर का जो कोड लाल रंग में दिखाई दे रहा है वो कोड छोटे से थम्बनेल का है व जो कोड गुलाबी रंग में दिखाई दे रहा है वो उस तस्वीर का असली कोड है जो तस्वीर आपने जिस साइज़ की इस ब्लॉग पर अपलोड की थी | वो नए ब्लॉगर जो इतने बड़े कोड के बारे में नहीं जानते वो यदि इस कोड में कोई बदलाव करना चाहें तो उनके लिए मुश्किल होगी | वो इन्हें इसी तरह प्रयोग कर सकते है परन्तु यदि कोई नया ब्लॉगर इस तस्वीर के कोड में बदलाव करना चाहे जिस से कोई भी तस्वीर उसकी पोस्ट सैक्शन से बाहर न निकले तो उसे जहाँ पर width="200" लिखा है उस 200 पर अपने ब्लॉग के पोस्ट सैक्सन के हिसाब से आप इस चौड़ाई को कम या ज्यादा कर सकते हैं |

     अब उस टूल के बारे में यदि आपने किसी तस्वीर के किसी भी बाहरी लिंक का प्रयोग करना है तो आप निम्न तस्वीर लिंक मेकर में सबसे पहले उस तस्वीर का URL भरें फिर उस तस्वीर की चौड़ाई जो आप अपने ब्लॉग पर दिखाना चाहते हैं व फिर उस तस्वीर की ऊंचाई जो आप तय करना चाहें | ये सब तय करने के बाद तस्वीर का लिंक बनाएँ बटन पर कलिक करें | निम्न बाक्स में उस तस्वीर का लिंक तैयार हो जायेगा | यहाँ कलिक करके कोड सेलेक्ट करें बटन पर कलिक करके इस कोड को सेलेक्ट कर लेने के बाद CTRL+C दोनों कीज़ एक साथ दबाएँ व वहाँ पर पेस्ट कर दें जहाँ पर आप इस तस्वीर को प्रयुक्त करना चाहते हैं | पेस्ट के लिए आप CTRL+V कमांड का भी प्रयोग कर सकते हैं |

नोट : यदि लिंक गल्त बन गया है तो दोबारा से प्रक्रिया अपनाएं वाले बटन पर कलिक करें | पुराना कोड खत्म हो जायेगा | इसके बाद फिर से वही प्रक्रिया अपनाएं |

जिस तस्वीर का लिंक आप बनाना चाहते हैं उस का लिंक यहाँ पर लिखें
Width
चौड़ाई
Height
ऊंचाई




इस बाक्स में आपकी तस्वीर का लिंक तैयार है |
इस लिंक को कापी कर के आप अपने ब्लॉग में बिना किसी डर के प्रयोग करें

ई-मेल मी
यदि आप इस लेख को पसंद करते हैं तो अपने बहुमूल्य विचारों से भी अवगत कराएं !!!!!

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

Tags

एक टिप्पणी भेजें

6 टिप्पणियाँ
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. बहुत ही उपयोगी जानकारी। मेरे साथ यह समस्‍या आ चुकी है। इसका समाधान सुझाने के लिए धन्‍यवाद।

    जवाब देंहटाएं
  2. शुक्रिया डा.मानवी मौर्य जी |

    जवाब देंहटाएं
  3. अच्छी जानकारी दी आपने ...धन्यवाद

    जवाब देंहटाएं
  4. डा. मोनिका शर्मा जी आपका बहुत बहुत धन्यवाद |

    जवाब देंहटाएं
  5. पोस्ट तो उपयोगी है मगर आपका लेख भी तो दोनों ओर से फ्रेम से बाहर है♥

    जवाब देंहटाएं
  6. डॉ. रूपचन्द्र शास्त्री मयंक जी,
    सबसे पहले तो आपका "टिप्स हिंदी में" ब्लॉग पर स्वागत है | आपने इस खामी की और ध्यान दिलाया | इसके लिए दिल से धन्यवाद | एक बात आपसे कहना चाहूँगा कि इस ब्लॉग के टेम्पलेट का चयन आज के लेटेस्ट ब्राउज़र को ध्यान में रखकर किया गया है | ये आज के उन्नत ब्राउजर संस्करण कें बहुत उम्दा दिखाई देता है | मैं मोज़िला फायर फोक्स वर्ज़न 7.0 का इस्तेमाल कर रहा हूँ | उसी मोज़िला फायर फोक्स पर से लिए गए एक स्क्रीनशाट का लिंक नीचे दे रहा हूँ |
    http://1.bp.blogspot.com/-b8NrodKvjP0/TrpDs33hWHI/AAAAAAAACVE/VZEXflCR-_0/s1600/image_link_maker_1.jpg
    कृपया चैक करने की चेष्ठा करें | ये इन्टरनेट एक्सप्लोरर के 6.0 वर्ज़न में जैसा कि आपने वर्णन किया है वैसा ही दिखाई दे रहा है फ्रेम से बाहर | गूगल द्वारा इस वर्ज़न को आउटडेटेड घोषित किया जा चुका है | यदि आप नई टैक्नीक की नई खूबिओं का मज़ा लेना है तो आप को नए ब्राउज़र का इस्तेमाल करना होगा | कृपया इसे अन्यथा न लें | मैं इन्टरनेट एक्सप्लोरर 6.0 वर्ज़न का इस्तेमाल बहुत पहले से छोड़ चुका हूँ | आप मेरे ब्लॉग मो मोज़िला फायर फोक्स के ६.० या ७.० वर्ज़न पर देखें आपको ये लेख जैसा कि में उपरोक्त तस्वीर का लिंक दिया है उसी अनुसार ही दिखाई देगा | और हाँ ये गूगल क्रोम के लेटेस्ट वर्ज़न 15.0.874 में भी इसी तस्वीर के अनुसार दिखाई दे रहा है | आप चाहें तो इसे गूगल क्रोम पर चैक कर सकते हैं | आप इस स्क्रीनशाट को आप इस लिंक पर भी देख सकते हैं | इस प्रकार का स्क्रीनशाट कैसे बनाया जाए इस सम्बन्धी जानकारी आप यहाँ पर देख सकते हैं |

    जवाब देंहटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |