Subscribe Us

header ads

अपने ब्लॉग फोटोगैलरी स्थापित करने के लिए ओवरलैप स्क्रिप्ट का इस्तेमाल कैसे करें ?

अपने ब्लॉग फोटोगैलरी स्थापित करने के लिए ओवरलैप स्क्रिप्ट का इस्तेमाल कैसे करें ?

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

पहला चित्र दूसरा चित्र
vb6 images

विजुअल बेसिक 6 अब आपकी अपनी भाषा हिंदी में
इससे पहले कि हम विजुअल बेसिक-6 की प्रोग्रामिंग के बारे में जानने की प्रक्रिया शुरू करें, हमें प्रोग्रामिंग की कुछ बुनियादी अवधारणाओं को जरूर समझ लेना चाहिए कि :-
photoshop image
एडोब फोटोशाप : सिर्फ तीन लेयर में ग्लास टेक्स्ट कैसे बनाएँ ? >>>
मैंने कई लेख "ग्लास फ़ोटोशॉप प्रभाव" पर इन्टरनेट पर देखे हैं जो की काफी लंबे व समझने में कठिन हैं | आज मैं आपको बहुत ही आसान से समझ में आने वाले "Glass Text Effect" के बारे में बताऊंगा | जो की बहुत ही आसान है |

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

आप इसका एक डेमो आप इस लिंक पर देख सकते हैं | इस स्क्रिप्ट को अपने ब्लॉग पर स्थापित करना आसान है बस कुछ चरण का पालन कीजिए व आप भी अपने ब्लॉग पर प्रोफैशनल साईट की तरह फोटोगैलरी पेज को बना सकते हैं |

सबसे पहले आप पहले बटन पर कलिक करके इस स्क्रिप्ट को अपने ब्लॉग पर स्थापित करें |

नोट : यदि आपने अपने ब्लॉग पर पहले से ही 1.5.2 jQuery.min.js स्क्रिप्ट स्थापित कर रखी है तो आप पहले बटन पर कलिक न करके दूसरे बटन पर कलिक करें |






























अब आप नीचे उस चित्र का उदाहरण देखें जिसे आपने अपने ब्लॉग पर स्थापित करना है | जैसे मैंने इस पोस्ट पर उदाहरण के तौर पर पेश किया है | उन्ही में से एक चित्र का कोड मैं नीचे दे रहा हूँ |



<div class="imagecontainers" data-overlayid="Ainfo" style="display:block-inline;width:290px;height:200px">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KsK1wX-eaBO2v4G7Ml5HkNQshB92xBoSfD-BelD-8FCtnxWR7r4z5u5YMZuU-Y8gSQ_gFCV3jNDvJR1m3XBM-1bGGIF-VjngEmFWuJuvX0CESRX3_g4uleiqJISqk5bg4K8cYHHghi4/s1600/Visual-Basic-6.jpg" width="290" height="200px" alt="vb6 images" data-overlayid="moreinfo">

</div>


<div id="Ainfo">

<a href="http://cityjalalabad.blogspot.com">विजुअल बेसिक 6 अब आपकी अपनी भाषा हिंदी में </a>

इससे पहले कि हम विजुअल बेसिक-6 की प्रोग्रामिंग के बारे में जानने की प्रक्रिया शुरू करें, हमें प्रोग्रामिंग की कुछ बुनियादी अवधारणाओं को जरूर समझ लेना चाहिए कि :-

</div>

ऊपर के पैराग्राफ में सिर्फ एक तस्वीर के ऊपर ओवरलैप का कोड दिखाया गया है | यही कोड आपने अपने फोटोगैलरी वाले पेज पर इस्तेमाल करना है | आइये इस कोड को समझने का प्रयास करते हैं | जहाँ पर नारंगी रंग के लिखा नज़र आ रहा है वो चित्र का URL है

जहां पर मैरून रंग में नज़र आ रहा है वो उस पोस्ट का लिंक है जिस पोस्ट के बारे आप चित्र प्रस्तुत कर रहे हैं |

जहां पर पिंक रंग में नज़र आ रहा है वह उस पोस्ट का टाईटल है |

व जहां पर लाल रंग में नज़र आ रहा है वह उस पोस्ट के बारे में जानकारी के कुछ अंश है जो आप उस चित्र के मार्फ़त पेश करना चाहते हैं |

इस स्क्रिप्ट में आप अधिकतम दस चित्र प्रयोग कर सकते हैं क्योंकि मैंने बटन पर दस चित्रों का कोड है आप के ब्लॉग पर स्थापित करने के लिए बाइंडअप किया है | मैंने आपके लिए उपर चित्र के लिए कोड पेश किया है वो सिर्फ एक चित्र के लिए है | यदि आप एक से ज्यादा चित्र प्रयोग करना चाहते हैं तो इसके लिए इस कोड में जहां पर Ainfo लिखा है वहाँ पर आप Binfo लिखे | इस प्रकार आप दस चित्रों के लिए क्रमानुसार C,D,E,F,G,H,I,J कर प्रयोग कर सकते हैं |

यदि आपने ये सब आसानी से कर लिया तो ये समझ लीजिए कि ब्लॉग पर सभी सहूलतें न होते हुए भी आप अपने ब्लॉग पर किसी भी प्रोफैशनल साईट की तरह फोटोगैलरी बना सकते हैं |

क्या आपको अपने ब्लॉग पर फोटोगैलरी स्थापित कैसे करे सबंधी पोस्ट पसंद आई ? यदि हां !!! टिप्पणी अवश्य दे ताकि निरंतर लिखने की चाह बनी रहे |

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




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

4 टिप्पणियाँ

  1. आपकी हिंदी टिप्स बहुत उपयोगी है व साथ ही "बिना इन्टरनेट चलाये हिंदी में केसे लिखे का छोटा व सरल सोफ्टवेर फ्री डाउनलोड" की सुविधा हेतु सॉफ्टवेर मेरे मेल पर भेजे
    Mail Address:- gordhanlal.choudhary@gmail.com

    जवाब देंहटाएं
    उत्तर
    1. आप Google IME का प्रयोग करें | ये टूल सबसे उत्तम है | ये आफलाइन बखूबी काम करता है | मैं काफी समय से इसका प्रयोग कर रहा हूँ |

      हटाएं

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