Skip to main content

How to create a fabicon (ফ্যাবআইকন কিভাবে তৈরি করতে হয়)?

ফ্যাবআইকন (Favicon):-

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

How to create a fabicon (ফ্যাবআইকন কিভাবে তৈরি করতে হয়)?


ফ্যাবআইকন জেনারেটরের সাহায্যে আপনি বিনামূল্যে নিজের কাস্টম ফ্যাবআইকন গুলি সহজেই তৈরি করতে পারেন।

১. আপনার ফ্যাবআইকন হিসাবে আপনি যে চিত্রটি ব্যবহার করতে চান তা সনাক্ত করুন এবং এটি নির্ধারণ করুন যে মাত্রাগুলি পুরোপুরি যেন বর্গক্ষেত্র হয় (যেমন 100 পিক্সেল x 100 পিক্সেল)।

২. আপনার কম্পিউটারে ফাইলের স্থানটিতে ব্রাউজ করুন এবং চিত্রটি নির্বাচন করুন।

৩. নিচের "Create Favicon" বাটন টি টিপুন. 


৪. ডাউনলোডের পরে, কেবল আপনার মূল ডিরেক্টরিতে নাম পরিবর্তন করুন এবং ফ্যাবআইকন .টি আপলোড করুন।

৫.আপনার ওয়েব পৃষ্ঠাগুলির <head> ট্যাগ এ  নীচের কোডটি কপি  কোরে পেস্ট করুন :  <link rel="icon" href="/favicon.ico">

Comments

Post a Comment

Popular posts from this blog

How to create a drag and drop in html

Drag and drop in html using CSS. At first we have tried to find a solution for a simple and easy way to create a drag and drop input for a website. Now we create a simple tricks using css. Html:- <div class="files">    <input type="file"  name="files[]" multiple/> </div> CSS:- <style type="text/css"> .files input { outline: 2px dashed #92b0b3; padding: 200px 0px 85px 50%; text-align: center !important; margin: 0; width: 100% !important; } .files input:focus{      outline: 2px dashed #92b0b3;   } .files{ position:relative} .color input{ background-color:#f1f1f1;} .files:before { position: absolute; bottom: 20px; left: 0;  pointer-events: none; width: 100%; right: 0; height: 150px; content: " {{ __('Click Or Drop Files To Upload.') }} "; display: block; margin: 0 auto; color: #76838f; text-tr...
Post a Comment
Read more

How to become a web developer (কীভাবে ওয়েব ডেভেলপার হয়ে উঠবেন) ?

আপনাকে সব কিছু জানতে হবে: - আজকাল আমরা প্রযুক্তি ছাড়া বাঁচার কথা ভাবতে পারি না। আমরা সবাই বিভিন্ন প্রযুক্তি থেকে সহায়তা পাই, ওয়েবসাইট তাদের মধ্যে একটি। এই ওয়েবসাইটটি একটি ওয়েব ডেভেলপার তৈরি করেছিলেন তবে ওয়েব ডেভলপমেন্টটি আসলে কী, এবং একজন  ওয়েব ডেভেলপার কী করে? আমরা ওয়েব ডেভলপমেন্টের বেসিকগুলি বিশদভাবে জানবো এবং আপনাকে ইন্ডাস্ট্রিতে  প্রবেশের জন্য সবচেয়ে প্রয়োজনীয় স্কিলস  এবং টুলস দেখাব। আসুন প্রথমে কিছু ব্যাকগ্রাউন্ড দেখেনি  - তবে দৌড়ানোর  আগে আমাদের হাঁটা শিখতে হবে। ১. ওয়েব ডেভলপমেন্ট কী? ওয়েব ডেভলপমেন্ট হ'ল ইন্টারনেটে ওয়েবসাইট বা অ্যাপ্লিকেশন তৈরি করার প্রক্রিয়া, বা একটি ব্যক্তিগত নেটওয়ার্ক যা ইন্ট্রানেট হিসাবে পরিচিত। ওয়েব বিকাশ কোনও ওয়েবসাইটের ডিজাইনের সাথে সম্পর্কিত নয়; বরং এটি কোডিং এবং প্রোগ্রামিং সম্পর্কে যা ওয়েবসাইটের কার্যকারিতাকে আরো  শক্তিশালী করে তোলে । সবচেয়ে  সহজ , স্ট্যাটিক ওয়েব পেজ গুলি থেকে সোশ্যাল মিডিয়া প্ল্যাটফর্ম এবং অ্যাপ্লিকেশনগুলি, ই-কমার্স ওয়েবসাইটগুলি থেকে কনটেন্ট ম্যানেজমেন্ট সি...
1 comment
Read more

What is HTML? What Does It Do? And What Is It Used For? (HTML কি? এটার কাজ কি? এবং এটি কি জন্য ব্যবহার করা হয়?)

What is HTML? (HTML কি? ) : Hypertext Markup Language (হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ): এটি হলো একটি মার্ক আপ ল্যাঙ্গুয়েজ। HTML এর মার্ক আপ ট্যাগ সমূহ ব্যবহার করে ওয়েবপেজ এর বেসিক স্ট্রাকচার তৈরি করা হয়। আসলে এটি কোনো প্রোগ্রামিং ল্যাংগুয়েজ নয় তবে একটি মার্কআপ ল্যাংগুয়েজ যা একাধিক মার্কআপ ট্যাগ এর সমন্বয়ে গঠিত। ওয়েবপেজ তৈরিতে সবচেয়ে বেশি ব্যবহৃত হয় এইচ টি এম এল (HTML)। এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফরম্যাটের ওয়েব পেজ ডিজাইন করা হয়। HTML এর সর্বশেষ ভার্সন হলো HTML5 যার সাহায্যে ওয়েবসাইটে অডিও,ভিডিও যোগ করার কাজ আরো সহজ হয়েছে। HTML ফাইলের এক্সটেনশন .html এবং .htm হয়। ওয়েব পেজ দুই প্রকার। স্ট্যাটিক ওয়েব পেজ এবং ডায়নামিক ওয়েব পেজ । সাধারণত HTML এবং CSS ব্যবহার করে স্ট্যাটিক ওয়েব পেজ গুলি বানানো হয়। ডাইনামিক ওয়েব পেজ বানানোর জন্য এর সাথে PHP , জাভাস্ক্রিপ্ট ছাড়া আরো অনেক প্রোগ্রামিং ল্যাঙ্গুয়েজও ব্যবহার করা হয়। What is tag  ( ট্যাগ কি )? ট্যাগ হল HTML কোড লেখার ...
Post a Comment
Read more