Blogger में Visual Lightbox कैसे Add करें

लाइटबॉक्स एक जावास्क्रिप्ट लाइब्रेरी है जो हाइपरलिंक की गई छवि फ़ाइलों को देखने के लिए एक नेत्रहीन सुरुचिपूर्ण इंटरफ़ेस प्रदान करता है। जब क्लिक किया जाता है, तो लाइटबॉक्स स्क्रिप्ट आपकी वेबसाइट के एक अलग पृष्ठ को लोड करने की आवश्यकता के बिना एक अंधेरे स्क्रीन पर छवि फ़ाइल के एक बड़े संस्करण को ओवरले करती है। आप अपने ब्लॉग टेम्प्लेट में आवश्यक कोड को शामिल करके अपने ब्लॉगर ब्लॉग में लाइटबॉक्स स्क्रिप्ट जोड़ सकते हैं।

1।

Lokeshdhakar.com/projects/lightbox2/ पर नेविगेट करें।

2।

"डाउनलोड करें" का चयन करें, फिर अपने कंप्यूटर पर ज़िप फ़ाइल को बचाने के लिए "लाइटबॉक्स" पर क्लिक करें।

3।

अपना "डाउनलोड" फ़ोल्डर खोलें और लाइटबॉक्स स्क्रिप्ट और छवियों को अनज़िप करें।

4।

अपने वेब होस्ट को लाइटबॉक्स लिपियों और छवि फ़ाइलों को अपलोड करें। यदि आपके पास वेब-आधारित संग्रहण स्थान नहीं है, तो आप Weebly, Dropbox या Your JavaScript जैसी मुफ्त सेवाओं का उपयोग करके जावास्क्रिप्ट फ़ाइलों की मेजबानी कर सकते हैं।

5।

Blogger.com पर नेविगेट करें और अपने खाते में साइन इन करें।

6।

"पोस्ट" ड्रॉप-डाउन मेनू पर क्लिक करें और "टेम्पलेट" चुनें।

7।

"HTML संपादित करें" पर क्लिक करें।

8।

निम्नलिखित जावास्क्रिप्ट कोड को "" टैग से पहले कॉपी और पेस्ट करें। सही होस्ट जानकारी के साथ "[आपका HOST]" बदलें।

9।

निम्न कोड का उपयोग करके हाइपरलिंकिंग और छवि या पाठ को शामिल करके लाइटबॉक्स स्क्रिप्ट को सक्रिय करें, उपयुक्त जानकारी के साथ ब्रैकेटेड पाठ को प्रतिस्थापित करें। [छवि HTML या पाठ]

जरूरत की चीजें

• लाइटबॉक्स स्क्रिप्ट के लिए फ़ाइल होस्टिंग