डाउनलोड बटन कैसे बनाये

लेखक: Bobbie Johnson
निर्माण की तारीख: 6 अप्रैल 2021
डेट अपडेट करें: 1 जुलाई 2024
Anonim
ब्लॉग डाउनलोड बटन किस बनाये।#pixellab
वीडियो: ब्लॉग डाउनलोड बटन किस बनाये।#pixellab

विषय

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

कदम

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

  1. 1 स्रोत संपादक में एक बटन बनाएँ। नोटपैड या टेक्स्टएडिट जैसा साधारण टेक्स्ट एडिटर ठीक है। टेक्स्ट एडिटर में, निम्न कोड दर्ज करें:
  2. 2 फ़ाइल को अपने सर्वर पर अपलोड करें। यदि आप किसी फ़ाइल को डाउनलोड करने की पेशकश करना चाहते हैं, तो आपको या तो उसे अपने सर्वर पर संग्रहीत करना होगा या नेटवर्क पर कहीं और किसी फ़ाइल के साथ बटन को संबद्ध करना होगा। जिस फ़ाइल को आप अपने साइट सर्वर पर उपलब्ध कराना चाहते हैं उसे अपलोड करने के लिए FTP क्लाइंट का उपयोग करें।
  3. 3 सुनिश्चित करें कि आपके पास वेबमास्टर अधिकार हैं यदि आप किसी ऐसी फ़ाइल से लिंक करना चाहते हैं जो आपके द्वारा संग्रहीत नहीं है।
  4. 4 'डाउनलोड लोकेशन' को अपने वास्तविक डाउनलोड यूआरएल से बदलें। पते को सिंगल कोट्स में संलग्न करना सुनिश्चित करें और डबल कोट्स में "विंडो.लोकेशन =' डाउनलोड लोकेशन ”। प्रीफ़िक्स जोड़ें, जैसे HTTP: // या FTP: //, और फ़ाइल एक्सटेंशन जोड़ें, जैसे .webp या .EXE ..
  5. 5 बटन पर लिखें। "बटन टेक्स्ट" को उन शब्दों से बदलें जिन्हें आप बटन पर दिखाना चाहते हैं। पाठ को दोहरे उद्धरण चिह्नों में शामिल करना सुनिश्चित करें। अपने वाक्यांश को छोटा रखने का प्रयास करें ताकि ऑन-स्क्रीन बटन बोझिल न लगे।
  6. 6 स्रोत कोड को अपने पृष्ठ पर रखें। आप पृष्ठ पर कहीं भी बटन के लिए स्रोत कोड पेस्ट कर सकते हैं, और बटन ठीक उसी स्थान पर दिखाई देगा। अपना नया पेज कोड अपलोड करें और अपने नए बटन का परीक्षण करें।

विधि २ का २: चित्र के रूप में एक बटन बनाएँ

  1. 1 अपना डाउनलोड बटन ड्रा करें। अपनी पसंद के किसी भी छवि संपादक का उपयोग करें और एक बटन बनाएं जो आपकी साइट की शैली से मेल खाता हो। आप बटन को जितना चाहें उतना बड़ा (या छोटा) बना सकते हैं।
  2. 2 अपने सर्वर पर बटन के साथ फ़ाइल और छवि अपलोड करें। यदि आप किसी फ़ाइल को डाउनलोड करने की पेशकश करना चाहते हैं, तो आपको या तो इसे अपने सर्वर पर संग्रहीत करना होगा या नेटवर्क पर कहीं और किसी फ़ाइल के साथ बटन को संबद्ध करना होगा। जिस फ़ाइल को आप अपने साइट सर्वर पर उपलब्ध कराना चाहते हैं उसे अपलोड करने के लिए FTP क्लाइंट का उपयोग करें।
    • बटन छवि को सर्वर पर उसी स्थान पर अपलोड करें जहां वह पृष्ठ है जहां आप यह बटन जोड़ते हैं।
  3. 3 डाउनलोड करने के लिए सोर्स कोड लिखें। डाउनलोड बटन, छवि के रूप में प्रस्तुत किया गया, HTML में अन्य सभी लिंक की तरह ही काम करता है।निम्नलिखित कोड को अपने संपादक में कॉपी करें:
  4. 4 फ़ाइल और छवि जानकारी दर्ज करें। किसी भी HTTP: // या FTP: // उपसर्गों सहित, "डाउनलोड स्थान" को वास्तविक डाउनलोड URL से बदलें। "छवि फ़ाइल" को बटन छवि के फ़ाइल नाम से बदलें। यदि फ़ाइल सर्वर पर पृष्ठ के समान स्थान पर स्थित है, तो आपको पूर्ण पथ निर्दिष्ट करने की आवश्यकता नहीं है।
    • "होवर टेक्स्ट" को उस टेक्स्ट से बदलें जो तब दिखाई देना चाहिए जब उपयोगकर्ता बटन छवि पर होवर करता है।
    • "X" और "Y" को क्रमशः पिक्सेल में छवि की चौड़ाई और ऊंचाई से बदलें।
    • इन सभी प्रविष्टियों को दोहरे उद्धरण चिह्नों में जोड़ना सुनिश्चित करें।
  5. 5 अपने पृष्ठ पर स्रोत कोड दर्ज करें। वह कोड रखें जहां बटन दिखाई देना चाहिए। नया कोड अपलोड करें और फिर अपना वेबपेज खोलें यह देखने के लिए कि बटन काम करता है या नहीं। जांचें कि होवर पर संकेत टेक्स्ट दिखाई देता है और चित्र स्वयं सही आकार का है।

चेतावनी

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