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

विषयसूची:

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

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

वीडियो: डाउनलोड बटन कैसे बनाएं: 11 कदम (चित्रों के साथ)
वीडियो: Doctor fixes Shoulder Bone/डॉक्टर कंघे की टूटी हड्डी को कैसे सही करते हैं?#facts 2024, मई
Anonim

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

कदम

विधि 1 में से 2: HTML बटन बनाना

एक डाउनलोड बटन बनाएं चरण 1
एक डाउनलोड बटन बनाएं चरण 1

चरण 1. कोड संपादक में बटन बनाएं।

एक साधारण टेक्स्ट एडिटर जैसे नोटपैड या टेक्स्टएडिट पूरी तरह से काम करेगा। संपादक में निम्नलिखित कोड दर्ज करें:

एक डाउनलोड बटन बनाएं चरण 2
एक डाउनलोड बटन बनाएं चरण 2

चरण 2. फ़ाइल को अपने सर्वर पर अपलोड करें।

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

एक डाउनलोड बटन बनाएं चरण 3
एक डाउनलोड बटन बनाएं चरण 3

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

एक डाउनलोड बटन बनाएं चरण 4
एक डाउनलोड बटन बनाएं चरण 4

चरण 4। डाउनलोड करने के लिए यूआरएल के साथ 'डाउनलोड लोकेशन' को बदलें। पते के चारों ओर सिंगल कोट्स, साथ ही "विंडो.लोकेशन = 'डाउनलोड लोकेशन' के आस-पास डबल कोट्स शामिल करना सुनिश्चित करें। HTTP:// या FTP:// जैसे किसी भी उपसर्ग को शामिल करें और फ़ाइल एक्सटेंशन भी शामिल करें जैसे कि-j.webp" />

एक डाउनलोड बटन बनाएं चरण 5
एक डाउनलोड बटन बनाएं चरण 5

चरण 5. बटन को लेबल करें।

"बटन टेक्स्ट" को उन शब्दों से बदलें जिन्हें आप बटन पर दिखाना चाहते हैं। पाठ के चारों ओर दोहरे उद्धरण चिह्नों को रखना सुनिश्चित करें। बटन टेक्स्ट को छोटा रखें ताकि पेज पर बटन बड़ा और बोझिल न दिखे।

एक डाउनलोड बटन बनाएं चरण 6
एक डाउनलोड बटन बनाएं चरण 6

चरण 6. कोड को अपने पेज में रखें।

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

विधि २ का २: छवि बटन बनाना

एक डाउनलोड बटन बनाएं चरण 7
एक डाउनलोड बटन बनाएं चरण 7

चरण 1. अपना डाउनलोड बटन डिज़ाइन करें।

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

एक डाउनलोड बटन बनाएं चरण 8
एक डाउनलोड बटन बनाएं चरण 8

चरण 2. फ़ाइल को अपने सर्वर और बटन छवि पर अपलोड करें।

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

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

एक डाउनलोड बटन बनाएं चरण 9
एक डाउनलोड बटन बनाएं चरण 9

चरण 3. अपना डाउनलोड कोड बनाएं।

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

एक डाउनलोड बटन बनाएं चरण 10
एक डाउनलोड बटन बनाएं चरण 10

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

  • "होवर टेक्स्ट" को किसी भी टेक्स्ट से बदलें जिसे आप दिखाना चाहते हैं जब उपयोगकर्ता छवि पर कर्सर घुमाता है।
  • पिक्सेल में क्रमशः "X" और "Y" को छवि की चौड़ाई और ऊँचाई से बदलें।
  • प्रत्येक प्रविष्टि के आसपास दोहरे उद्धरण चिह्नों को रखना सुनिश्चित करें।
एक डाउनलोड बटन बनाएं चरण 11
एक डाउनलोड बटन बनाएं चरण 11

चरण 5. अपने पेज में कोड दर्ज करें।

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

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

चेतावनी

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

सिफारिश की: