डाउनलोड बटन कैसे बनाएं: 11 चरण (चित्रों के साथ)

एक डाउनलोड बटन आपकी वेबसाइट को लिंक के माध्यम से अपने डाउनलोड की पेशकश करने से काफी अधिक पेशेवर बना सकता है. एक बटन एक क्लीनर इंटरफ़ेस प्रदान करता है, और यदि आप अपना खुद का डिज़ाइन करने की तरह महसूस करते हैं, तो आपके बटन आपके पृष्ठ के डिज़ाइन के अभिन्न अंग हो सकते हैं. HTML बटन बनाने या अपने स्वयं के डिज़ाइन का बटन बनाने के लिए इस मार्गदर्शिका का पालन करें.

कदम

2 का विधि 1:

एक HTML बटन बनाना

1. एक कोड संपादक में बटन बनाएँ. नोटपैड या टेक्स्ट एडिट जैसे एक साधारण पाठ संपादक पूरी तरह से काम करेगा. संपादक में निम्न कोड दर्ज करें:

2. फ़ाइल को अपने सर्वर पर अपलोड करें. यदि आप डाउनलोड करने के लिए एक फ़ाइल की पेशकश करना चाहते हैं, तो आपको या तो इसे अपने सर्वर पर होस्ट करने की आवश्यकता होगी या वेब पर कहीं और फ़ाइल को बटन पर इंगित करने की आवश्यकता होगी. एक का उपयोग करें फ़ाइल अपलोड करने के लिए FTP क्लाइंट कि आप अपनी वेबसाइट के सर्वर पर उपलब्ध कराना चाहते हैं.

3. सुनिश्चित करें कि यदि आप उस फ़ाइल से लिंक करना चाहते हैं जिसे आप स्वयं की मेजबानी नहीं कर रहे हैं तो आपके पास वेबमास्टर की अनुमति है.

URL के साथ `डाउनलोड स्थान` को डाउनलोड करें. पते के चारों ओर एकल उद्धरण, साथ ही साथ "विंडो के आसपास डबल कोट्स को शामिल करना सुनिश्चित करें.स्थान = `डाउनलोड स्थान`". Http: // या FTP: // जैसे किसी भी उपसर्ग को शामिल करें और इसमें फ़ाइल एक्सटेंशन भी शामिल करें .Jpg या .प्रोग्राम फ़ाइल.

5. बटन लेबल करें. "बटन टेक्स्ट" को उन शब्दों के साथ बदलें जिन्हें आप बटन पर दिखाना चाहते हैं. पाठ के चारों ओर डबल कोट्स रखना सुनिश्चित करें. बटन टेक्स्ट को छोटा रखें ताकि बटन पृष्ठ पर बड़ी और अनावश्यक दिखाई न दे.

6. कोड को अपने पृष्ठ में रखें. आप अपने वेबपृष्ठ के शरीर में कहीं भी बटन कोड डाल सकते हैं, और बटन उस स्थान पर दिखाई देगा. अपने बदले हुए वेबपेज कोड को अपलोड करें, और अपने नए बटन का परीक्षण करें.

2 का विधि 2:

एक छवि बटन बनाना

1. अपना डाउनलोड बटन डिज़ाइन करें. अपने पसंदीदा छवि संपादक का उपयोग करें, और एक बटन बनाएं जो आपकी वेबसाइट की शैली से मेल खाता है. आप बटन को छोटे या बड़े जितना चाहें उतना बड़ा कर सकते हैं.

2. फ़ाइल को अपने सर्वर और बटन छवि पर अपलोड करें. यदि आप डाउनलोड करने के लिए एक फ़ाइल की पेशकश करना चाहते हैं, तो आपको या तो इसे अपने सर्वर पर होस्ट करने की आवश्यकता होगी या वेब पर कहीं और फ़ाइल को बटन पर इंगित करने की आवश्यकता होगी. एक का उपयोग करें फ़ाइल अपलोड करने के लिए FTP क्लाइंट कि आप अपनी वेबसाइट के सर्वर पर उपलब्ध कराना चाहते हैं.

उस पृष्ठ के रूप में उस पृष्ठ के समान स्थान पर बटन छवि अपलोड करें जिसे आप इसे डाल रहे हैं.

3. अपना डाउनलोड कोड बनाएं. एक छवि द्वारा दर्शाया गया एक डाउनलोड बटन उसी तरह काम करता है कि अन्य सभी लिंक HTML में काम करते हैं. निम्न कोड को अपने पसंदीदा संपादक में कॉपी करें:

अपनी फ़ाइल और छवि जानकारी में प्रवेश करें. अपने डाउनलोड में पूर्ण यूआरएल के साथ "डाउनलोड स्थान" को बदलें, जिसमें किसी भी http: // या ftp: // उपसर्ग शामिल हैं. डाउनलोड करें "छवि फ़ाइल को डाउनलोड बटन छवि के लिए फ़ाइल नाम के साथ. यदि फ़ाइल आपके सर्वर पर पृष्ठ के समान स्थान पर है, तो आपको पूरे पते को शामिल करने की आवश्यकता नहीं है.

"होवर टेक्स्ट" को किसी भी पाठ के साथ बदलें जिसे आप दिखाना चाहते हैं जब उपयोगकर्ता छवि पर कर्सर को कवर करता है.

पिक्सेल में क्रमशः छवि चौड़ाई और ऊंचाई के साथ "एक्स" और "वाई" को बदलें.

प्रत्येक प्रविष्टि के चारों ओर डबल उद्धरण रखना सुनिश्चित करें.

5. अपने पृष्ठ में कोड दर्ज करें. वह कोड रखें जहां आप अपना बटन दिखाना चाहते हैं. नया कोड अपलोड करें, और फिर यह सुनिश्चित करने के लिए वेबपृष्ठ लोड करें कि बटन काम करता है. जांचें कि होवर टेक्स्ट लोड करता है और तस्वीर सही आकार है.

वीडियो.

इस सेवा का उपयोग करके, कुछ जानकारी YouTube के साथ साझा की जा सकती है.

टिप्स

चेतावनी

फ़ाइलों को होस्ट करने के लिए अन्य वेबसाइटों के आधार पर फ़ाइलों को अपने स्वयं के सर्वर पर अपलोड करना एक बेहतर तरीका है. यदि आप किसी अन्य वेबसाइट से एक लिंक स्थान कॉपी करते हैं तो डाउनलोड बटन जिसे आप बनाते हैं, केवल तब तक काम करेगा जब तक लिंक स्थान सक्रिय हो.

कॉपीराइट कानूनों के उल्लंघन में फ़ाइलों को कभी भी अपलोड न करें क्योंकि इससे भारी जुर्माना या कारावास हो सकता है.

समय-समय पर अपने डाउनलोड बटन या उस वेबसाइट पर डाउनलोड लिंक का परीक्षण करें जहां आपको यह सुनिश्चित करने के लिए लिंक स्थान मिला है कि उपयोगकर्ता टूटे हुए लिंक पर जाने के बजाए बटन पर क्लिक करते समय फ़ाइल डाउनलोड करने में सक्षम होंगे जहां फ़ाइल अब मौजूद नहीं है.

सामाजिक नेटवर्क पर साझा करें: