अपने ब्लॉग पर अपनीं पसंद अनुसार किसी भी चित्र को कैसे स्थापित करें ?

अपने ब्लॉग पर अपनीं पसंद अनुसार किसी भी चित्र को कैसे स्थापित करें ?

अक्सर इस विषय पर प्रश्न पूछे जाते हैं कि अपने ब्लॉग पर अपनीं पसंद अनुसार किसी भी चित्र को कैसे स्थापित करें ? आज की पोस्ट में ये स्पष्ट करने की कोशिश की जायेगी कि किसी भी तस्वीर को अपने ब्लॉग पर अपनी पसंद अनुसार कैसे स्थापित किया जाये ?

Image_Setup

आप उपरोक्त चित्र को ध्यान से देखें | इस चित्र का असली साईज 997x507 है : मतलब इस चित्र की चौड़ाई 997 व ऊँचाई 507 है | अब निम्न कोड को ध्यान से देखें :-

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRefcb1mSYLEQ7neV6dvSUJEQXBfMVH9y9-Kpimn7gBcNssKbbTgiNzXAJjtmhiLQ_q8HcKii4FzmIHIdHCeW4EuhVJn15RHqLgwTkiCufC3x9tsbEENQO0VwYxteRBGwct6S25rAoq-w/s1600/Image_Setup.jpg" alt="Image_Setup" width="545" height="400" title="ये चित्र टिप्स हिंदी में ब्लॉग का टाइटल पेज है |"/>

जहाँ पर src="" के बीच में उस चित्र का लिंक लिखा है वहाँ पर आप अपने चित्र को नेट पर अपलोड करने के पश्चात अपलोड किये चित्र का लिंक भरे |

जहाँ पर alt="Image_Setup" इमेज सेटअप लिखा है वहाँ पर आप उस चित्र का नाम लिखे, ऐसा लिए किया जाता है कि जब आपकी पोस्ट लोड होती है व किसी वजह से वो चित्र नहीं लोड हो पाता तो (ऐसा कई कारणों से हो सकता है, एक कारण जहाँ पर आपने चित्र अपलोड किया है उस वेबसाईट का सर्वर डाउन हो ) उस चित्र का नाम दिखाई देने लगता है व आपकी पोस्ट के लोड होने में अनावश्यक देरी से निजात मिलती हैं |

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

जहाँ पर height="400" लिखा है, इससे आप इस चित्र की ऊँचाई को तय कर सकते हैं |

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

उम्मीद है ये जानकारी सभी की काम आयेगी |

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

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

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

9 टिप्पणियाँ
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. बहुत बढ़िया और काम की जानकारी

    जवाब देंहटाएं
  2. जानकारी तो बहुत अच्छी है सर .काफी दिनों बाद आपकी पोस्ट मिली है.क्या कोई मश्गुलियत है.खैर ,फिर भी जब वक्त मिले पोस्ट करते रहें ,आपकी एक पोस्ट कईयों के लिए तालीम बनती है.




    मोहब्बत नामा
    मास्टर्स टेक टिप्स

    जवाब देंहटाएं
    उत्तर
    1. [co="crimsonred"]समय कम मिल रहा है, इसलिए पोस्ट लेट प्रकाशित होती हैं |[/co]

      हटाएं
  3. how to reduce width of header for adding widget with header. i try many tutorial but not change it ; http://janprachar.blogspot.in/

    जवाब देंहटाएं
    उत्तर
    1. इसके लिए आप अपने ब्लॉग की एडिट HTML मोड में जाकर [co="red"]#header-wrapper{[/co] को ढूँढें, यदि { के आगे width:700px; लिखा हुआ है तो ठीक है यदि नहीं है तो आप इस कोड को इन्सर्ट करें | 700px का मतलब है आपके हैदर की चौड़ाई 700px होगी इसे आप अपनी मनपसंद अनुसार कम या ज्यादा कर सकते हैं | इसका एक उदाहरण आप निम्न तस्वीर में देख सकते हैं | आपके लिए मैंने अपने ब्लॉग की हैडर की चौड़ाई को 500px पर सेट करने के बाद उसकी तस्वीर इस कमेन्ट्स के साथ पोस्ट कर रहा हूँ :-
      [im]http://2.bp.blogspot.com/-JBWYb3UohaU/UADGKS5mlsI/AAAAAAAADXY/UuXApLNLOYw/s1600/header_width.jpg[/im]

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

      हटाएं
  4. not open ; http://cityjalalabad.blogspot.com/2012/06/total-post.html

    जवाब देंहटाएं
    उत्तर
    1. भगत सिंह जी ये लिंक काम कर रहा है | इस पोस्ट के पीछे एक स्क्रिप्ट काम कर रही है जो सभी पोस्ट को सर्च करके आपके साहमने प्रस्तुत करती है | इस लिस्ट को बनने में कुछ वक्त लगता है | आप इसकी एक झलक निम्न तस्वीर में देख सकते हैं |
      [im]http://3.bp.blogspot.com/-ru44PW6-Bac/UABABi5m9yI/AAAAAAAADW8/6p6DQq2G0vU/s1600/total_post.jpg [/im]

      हटाएं

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