ब्लॉगर पर फोटो में Zoom Effect प्रयोग करना

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

फोटो में ज़ूम प्रभाव (Zoom Effect) कोड को टेम्पलेट से जोड़ना

1. ब्लॉगर Dashboard पर जायें ¬> Blog चुनें ¬> Template पर क्लिक करें ¬> EDIT HTML पर क्लिक करें ¬> Proceed पर क्लिक करें
2. अब इसके बाद  ]]></b:skin>  कोड की खोज कीजिए
3. अब नीचे दी जा रही स्क्रिप्ट को Copy करके  ]]></b:skin>  टैग के ठीक नीचे Paste कर दीजिए

<!-- TechPrevue Zoom Effect Code -->
<style type='text/css'>
img.expando {border:none;vertical-align:top;}
</style>
<script type='text/javascript' src='http://techprevue.googlecode.com/files/techprevue-zoom-min.js'>
/* Image Zoom Effect Code by techprevue.blogspot.in*/
</script >
<!-- TechPrevue Zoom Effect Code -->

4. अब अपने टेम्पलेट को सहेज दीजिए

फोटो में ज़ूम प्रभाव (Zoom Effect) को पोस्ट में प्रयोग करना

1. अब जब आप पोस्ट बनायें तो जिस फोटो पर ज़ूम प्रभाव दिखाना है उस फोटो के लिंक को नीचे दिये गये कोड में प्रयोग करें

<p><img class="expando" border="0" src="http://your-image-link.jpg" width="200" height="300"></p>

– इसमें http://your-image-link.jpg को अपने फोटो लिंक से बदल दें और with=”200” और height=”300” को अपने अनुसार रखें।

ध्यान दें कि यहाँ पर बताया गया आकार आपके फोटो के आकार से कम हो नहीं तो फोटो का आकार नहीं बढ़ेगा।

फोटो में ज़ूम प्रभाव (Zoom Effect) का उदाहरण

नीचे दी गयी फोटो का वास्तविक आकार 600X408 है। जिस पर ज़ूम प्रभाव डालने के लिए मैंने image code में class=”expando”, height=”218″ और width=”320″ जोड़ा है।


उपरोक्त चित्र के लिए कोड इस प्रकार है।

<p><img class="expando" border="0" src="http://2.bp.blogspot.com/-XWatsf84l_o/UDYnDnFbz8I/AAAAAAAACqA/-JXrF_nU9Vs/s1600/KrishnaRaas.jpg" width="320" height="218"></p>

ध्यान दें कि यदि आप ब्लॉगर पर पोस्ट में ही फ़ोटो अपलोड करते हैं तो आपके फोटो के लिंक में s1600 कोड होना चाहिए।
– यदि अन्य कोई आकार जैसे s200, s320, इत्यादि है तो उसे बदलकर s1600 कर दें इससे यह होगा कि फोटो अधिकतम आकार तक फैलेगी।

प्रश्न:पोस्ट बनाते समय मैं जब फोटो अपलोड करता हूँ तो आप जैसा कोड बता रहे हैं मुझे वैसा नहीं दिखता।

उत्तर: जी हाँ आप जब ब्लॉगर पर कोई फोटो अपलोड करते हैं तो उसका कोड कुछ इस प्रकार से होता है।

<a href="https://hindi.techprevue.com/wp-content/uploads/2012/08/KrishnaRaas.jpg" imageanchor="1" style=""><img border="0" height="130" width="320" src="http://2.bp.blogspot.com/-XWatsf84l_o/UDYnDnFbz8I/AAAAAAAACqA/-JXrF_nU9Vs/s320/KrishnaRaas.jpg" /></a>

– उपरोक्त कोड में लाल रंग में दिखाया कोड अपलोड की गयी फोटो का पूर्ण आकार लिंक होता है। जिसे आप कहीं भी प्रयोग कर सकते हैं|
– इसी फोटो लिंक को आपको मेरे द्वारा ऊपर बताये गये कोड में प्रयोग करना होगा जिससे आपकी फोटो पर जादुई ज़ूम प्रभाव आ जायेगा।