কিভাবে ডাউনলোড বাটন তৈরি করবেন: 11 টি ধাপ (ছবি সহ)

সুচিপত্র:

কিভাবে ডাউনলোড বাটন তৈরি করবেন: 11 টি ধাপ (ছবি সহ)
কিভাবে ডাউনলোড বাটন তৈরি করবেন: 11 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে ডাউনলোড বাটন তৈরি করবেন: 11 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে ডাউনলোড বাটন তৈরি করবেন: 11 টি ধাপ (ছবি সহ)
ভিডিও: ইমেইল কি? কিভাবে পাঠাতে হয়? সঠিকভাবে জিমেইল একাউন্ট খুলার পদ্ধতি -শিখে নিন 2024, মে
Anonim

একটি ডাউনলোড বাটন আপনার ওয়েবসাইটকে কেবল লিঙ্কগুলির মাধ্যমে আপনার ডাউনলোড দেওয়ার চেয়ে উল্লেখযোগ্যভাবে আরও পেশাদার দেখাতে পারে। একটি বোতাম একটি পরিচ্ছন্ন ইন্টারফেস প্রদান করে, এবং যদি আপনি নিজের ডিজাইন করার মত মনে করেন, আপনার বোতামগুলি আপনার পৃষ্ঠার ডিজাইনের অবিচ্ছেদ্য অংশ হতে পারে। এইচটিএমএল বোতাম তৈরি করতে বা আপনার নিজস্ব ডিজাইনের একটি বোতাম তৈরি করতে এই নির্দেশিকা অনুসরণ করুন।

ধাপ

2 এর পদ্ধতি 1: একটি HTML বাটন তৈরি করা

ডাউনলোড বোতাম তৈরি করুন ধাপ 1
ডাউনলোড বোতাম তৈরি করুন ধাপ 1

ধাপ 1. একটি কোড এডিটরে বোতাম তৈরি করুন।

একটি সহজ টেক্সট এডিটর যেমন নোটপ্যাড বা টেক্সট এডিট নিখুঁতভাবে কাজ করবে। সম্পাদকের মধ্যে নিম্নলিখিত কোডটি প্রবেশ করান:

একটি ডাউনলোড বোতাম তৈরি করুন ধাপ 2
একটি ডাউনলোড বোতাম তৈরি করুন ধাপ 2

পদক্ষেপ 2. ফাইলটি আপনার সার্ভারে আপলোড করুন।

আপনি যদি ডাউনলোড করার জন্য একটি ফাইল অফার করতে চান, তাহলে আপনাকে এটি আপনার নিজের সার্ভারে হোস্ট করতে হবে অথবা ওয়েবে অন্য কোথাও ফাইলটির বোতামটি নির্দেশ করতে হবে। আপনি যে ফাইলটি আপনার ওয়েবসাইটের সার্ভারে উপলব্ধ করতে চান তা আপলোড করতে একটি FTP ক্লায়েন্ট ব্যবহার করুন।

ডাউনলোড বোতাম ধাপ 3 তৈরি করুন
ডাউনলোড বোতাম ধাপ 3 তৈরি করুন

ধাপ sure. নিশ্চিত করুন যে আপনার কাছে ওয়েবমাস্টারের অনুমতি আছে যদি আপনি এমন একটি ফাইলের সাথে লিঙ্ক করতে চান যা আপনি নিজে হোস্ট করছেন না।

ডাউনলোড বোতাম ধাপ 4 তৈরি করুন
ডাউনলোড বোতাম ধাপ 4 তৈরি করুন

ধাপ 4। ডাউনলোডের URL এর সাথে 'ডাউনলোড লোকেশন' প্রতিস্থাপন করুন। ঠিকানার চারপাশে একক উদ্ধৃতি, এবং "window.location = 'ডাউনলোড লোকেশন'" এর চারপাশে ডবল উদ্ধৃতিগুলি অন্তর্ভুক্ত করতে ভুলবেন না। HTTP: // বা FTP: // এর মতো কোনো উপসর্গ অন্তর্ভুক্ত করুন-j.webp" />

ডাউনলোড বোতাম ধাপ 5 তৈরি করুন
ডাউনলোড বোতাম ধাপ 5 তৈরি করুন

পদক্ষেপ 5. বোতামটি লেবেল করুন।

"বোতাম পাঠ্য" প্রতিস্থাপন করুন যে শব্দগুলি আপনি বোতামে উপস্থিত হতে চান। পাঠ্যের চারপাশে ডবল উদ্ধৃতি রাখতে ভুলবেন না। বোতামটির পাঠ্য ছোট রাখুন যাতে বোতামটি বড় এবং অযৌক্তিকভাবে পৃষ্ঠায় প্রদর্শিত না হয়।

ডাউনলোড বোতাম তৈরি করুন ধাপ 6
ডাউনলোড বোতাম তৈরি করুন ধাপ 6

পদক্ষেপ 6. আপনার পৃষ্ঠায় কোডটি রাখুন।

আপনি আপনার ওয়েবপৃষ্ঠার মূল অংশে যেকোনো জায়গায় বোতাম কোড সন্নিবেশ করতে পারেন, এবং বোতামটি সেই স্থানে উপস্থিত হবে। আপনার পরিবর্তিত ওয়েবপেজ কোড আপলোড করুন, এবং আপনার নতুন বোতামটি পরীক্ষা করুন।

2 এর পদ্ধতি 2: একটি চিত্র বোতাম তৈরি করা

ডাউনলোড বোতাম ধাপ 7 তৈরি করুন
ডাউনলোড বোতাম ধাপ 7 তৈরি করুন

ধাপ 1. আপনার ডাউনলোড বাটন ডিজাইন করুন।

আপনার পছন্দের ইমেজ এডিটর ব্যবহার করুন, এবং আপনার ওয়েবসাইটের স্টাইলের সাথে মেলে এমন একটি বোতাম তৈরি করুন। আপনি বোতামটি যতটা ছোট বা বড় করতে পারেন ততটা করতে পারেন।

ডাউনলোড বোতাম ধাপ 8 তৈরি করুন
ডাউনলোড বোতাম ধাপ 8 তৈরি করুন

ধাপ 2. ফাইলটি আপনার সার্ভারে এবং বোতামের ছবিতে আপলোড করুন।

আপনি যদি ডাউনলোড করার জন্য একটি ফাইল অফার করতে চান, তাহলে আপনাকে এটি আপনার নিজের সার্ভারে হোস্ট করতে হবে অথবা ওয়েবে অন্য কোথাও ফাইলটির বোতামটি নির্দেশ করতে হবে। আপনি যে ফাইলটি আপনার ওয়েবসাইটের সার্ভারে উপলব্ধ করতে চান তা আপলোড করতে একটি FTP ক্লায়েন্ট ব্যবহার করুন।

আপনি যে পৃষ্ঠায় এটি রাখছেন সেই পৃষ্ঠার বোতামের ছবিটি সার্ভারে একই স্থানে আপলোড করুন।

একটি ডাউনলোড বাটন তৈরি করুন ধাপ 9
একটি ডাউনলোড বাটন তৈরি করুন ধাপ 9

ধাপ 3. আপনার ডাউনলোড কোড তৈরি করুন।

একটি ইমেজ দ্বারা উপস্থাপিত একটি ডাউনলোড বাটন একইভাবে কাজ করে যেভাবে অন্য সব লিঙ্ক HTML এ কাজ করে। নিম্নলিখিত কোডটি আপনার পছন্দের এডিটরে কপি করুন:

একটি ডাউনলোড বোতাম তৈরি করুন ধাপ 10
একটি ডাউনলোড বোতাম তৈরি করুন ধাপ 10

ধাপ 4। আপনার ফাইল এবং ছবির তথ্য লিখুন। যেকোনো HTTP: // অথবা FTP: // উপসর্গ সহ আপনার ডাউনলোডের সম্পূর্ণ URL দিয়ে "ডাউনলোড লোকেশন" প্রতিস্থাপন করুন। ডাউনলোড বাটন ছবির ফাইলের নাম দিয়ে "ইমেজ ফাইল" প্রতিস্থাপন করুন। যদি ফাইলটি আপনার সার্ভারের পৃষ্ঠার একই স্থানে থাকে, তাহলে আপনাকে পুরো ঠিকানাটি অন্তর্ভুক্ত করার দরকার নেই।

  • "হোভার টেক্সট" এর পরিবর্তে যেকোনো টেক্সট ব্যবহার করুন যা ব্যবহারকারী ইমেজের উপরে কার্সার ঘুরিয়ে দিলে আপনি উপস্থিত হতে চান।
  • চিত্রের প্রস্থ এবং উচ্চতা যথাক্রমে পিক্সেলে "X" এবং "Y" প্রতিস্থাপন করুন।
  • প্রতিটি এন্ট্রির চারপাশে ডবল কোট রাখা নিশ্চিত করুন।
একটি ডাউনলোড বাটন তৈরি করুন ধাপ 11
একটি ডাউনলোড বাটন তৈরি করুন ধাপ 11

পদক্ষেপ 5. আপনার পৃষ্ঠায় কোড লিখুন।

যেখানে আপনি আপনার বোতামটি দেখতে চান সেই কোডটি রাখুন। নতুন কোড আপলোড করুন, এবং তারপর বোতামটি কাজ করে তা নিশ্চিত করতে ওয়েবপেজটি লোড করুন। চেক করুন যে হোভার টেক্সট লোড হচ্ছে এবং ছবিটি সঠিক আকারের।

ভিডিও - এই পরিষেবাটি ব্যবহার করে, কিছু তথ্য ইউটিউবের সাথে শেয়ার করা যেতে পারে।

সতর্কবাণী

  • আপনার নিজের সার্ভারে ফাইল আপলোড করা ফাইল হোস্ট করার জন্য অন্যান্য ওয়েবসাইটের উপর নির্ভর না করে অনলাইনে ফাইল শেয়ার করার একটি ভাল উপায়। আপনি যদি অন্য ওয়েবসাইট থেকে একটি লিঙ্ক লোকেশন অনুলিপি করেন তবে আপনার তৈরি করা ডাউনলোড বোতামটি কেবল ততক্ষণ কাজ করবে যতক্ষণ লিংকের অবস্থান সক্রিয় থাকে।
  • কপিরাইট আইন লঙ্ঘন করে কখনই ফাইল আপলোড করবেন না কারণ এটি ভারী জরিমানা বা কারাদণ্ড হতে পারে।
  • পর্যায়ক্রমে আপনার ডাউনলোড বাটন বা ওয়েবসাইটের ডাউনলোড লিঙ্কটি পরীক্ষা করুন যেখান থেকে আপনি লিঙ্ক লোকেশন পেয়েছেন তা নিশ্চিত করার জন্য যে ব্যবহারকারীরা বোতামটি ক্লিক করার পরিবর্তে ফাইলটি ডাউনলোড করতে সক্ষম হবে যেখানে ভাঙা লিঙ্কে যাওয়ার পরিবর্তে ফাইলটি আর নেই ।

প্রস্তাবিত: