কীভাবে একটি সহজ ক্রোম এক্সটেনশন করবেন


একটি Chrome এক্সটেনশন করা মোটামুটি সোজা প্রক্রিয়া। আপনি যখন কাজটি শেষ করেন, আপনি ব্রাউজারটি কীভাবে কাজ করে তা বাড়ানোর জন্য এটি আপনার কম্পিউটারে এটি ব্যবহার করতে সক্ষম হবেন

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

<চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">

জটিল ক্রোম এক্সটেনশন তৈরি করা নীচে যা দেখবেন তার চেয়ে অনেক বেশি বিশদ প্রক্রিয়া, তবে সাধারণ প্রক্রিয়া একই। আপনি আজ যে কোনও Chrome এক্সটেনশানটি ব্যবহার করতে শুরু করতে পারেন তা শিখতে পড়া চালিয়ে যান

টিপ: আপনার নিজের এক্সটেনশানটি কতটা দুর্দান্ত হতে পারে তা দেখতে, 0 <দেখুন /s>.

কীভাবে Chrome এক্সটেনশন করবেন

এই গাইড ব্যবহার করে আপনি একটি সাধারণ ক্রোম এক্সটেনশন তৈরি করবেন যা আপনার প্রিয় কয়েকটি ওয়েবসাইটকে তালিকাবদ্ধ করে lists এটি সম্পূর্ণ কাস্টমাইজযোগ্য এবং আপডেট করা সত্যই সহজ<ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">

এখানে কী করবেন:

  • এমন একটি ফোল্ডার তৈরি করুন যা এই এক্সটেনশানটি তৈরি করে এমন সমস্ত ফাইলকে ধারণ করবে
  • এই এক্সটেনশানটির যে বেস ফাইলগুলি প্রয়োজন: এটি তৈরি করুন: ম্যানিফেস্ট.জসন, পপআপ এইচটিএমএল, ব্যাকগ্রাউন্ড এইচটিএমএল, স্টাইলস সিএসএস
  • একটি পাঠ্য সম্পাদকটিতে পপআপ এইচটিএমএলখুলুন এবং তারপরে নিচের সমস্তটি এখানে পেস্ট করুন, আপনার কাজ শেষ হওয়ার পরে এটি সংরক্ষণ করার বিষয়টি নিশ্চিত করে।
  • <!DOCTYPE html>
    <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Favorite Sites</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <ul id="myUL"> <li><a href="https://helpdeskgeek.com/" target="_blank">Help Desk Geek</a></li> <li><a href="https://www.online-tech-tips.com/" target="_blank">Online Tech Tips</a></li> <li><a href="https://thebackroomtech.com/" target="_blank">The Back Room Tech</a></li> </ul> </body> </html> <ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">

    লিঙ্কগুলি সম্পাদনা করতে নির্দ্বিধায় এবং লিঙ্ক পাঠ্য বা আপনি যদি ক্রোম এক্সটেনশানটি ঠিক কীভাবে তৈরি করতে চান তবে সব কিছু ঠিক রাখুনইনকন্টেন্ট_1 সব: [300x250] / dfp: [640x360]->

    <স্ক্রিপ্ট টাইপ = "পাঠ্য / জাভাস্ক্রিপ্ট"> googletag.cmd.push (ফাংশন () {googletag.display ('snhb-In_content_1-0');});
  • পাঠ্য সম্পাদকটিতে ম্যানিফেস্ট.জসনখুলুন এবং নিম্নলিখিতগুলি অনুলিপি করুন / আটকান:
  • {

    "" আপডেট_আরল ":" https://clients2.google.com/service/update2/crx ",

    " ম্যানিফেস্ট_ভারশন ": 2,
    "" নাম ":" প্রিয় সাইটগুলি ",
    " "বিবরণ": "আমার সমস্ত প্রিয় ওয়েবসাইট” " "সংস্করণ": "১.০",
    "আইকনগুলি": {"" ১ 16 ":" আইকন.পিএনজি ",
    "৩২": "আইকন.পিএনজি",অনলাইন "48": "আইকন.পিএনজি","" 128 ":" আইকন। পিএনজি "- },

    " ব্যাকগ্রাউন্ড ": {
    " "পৃষ্ঠা": "পটভূমি। এইচটিএমএল "
    " },

    "ব্রাউজার_অ্যাকশন": {"" ডিফল্ট_ আইকন ": আইকন.পিএনজি "," "ডিফল্ট_উইঠা": "প্রিয় সাইটগুলি",
    "" ডিফল্ট_পপআপ ":" পপআপ এইচটিএমএল "
    } এ
    } এ করুন

    <ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">

    এই কোডের ভোজ্য ক্ষেত্রগুলি >নাম, বিবরণএবং পূর্বনির্ধারিত শিরোনাম<

  • স্টাইলস CSS খুলুনএবং পেস্ট করুন নিম্নলিখিত কোড এটি পপআপ মেনুটিকে সজ্জিত করে এটি আরও বেশি আকর্ষণীয় এবং ব্যবহার করা আরও সহজ করে তোলে।
  • # মাইএল strong>তালিকা স্টাইল-প্রকার: কিছুই নয়;প্যাডিং: 0;মার্জিন: 0;প্রস্থ: 300px;
    }

    #myUL li a {
    সীমানা: 1px কঠিন #ddd;
    মার্জিন-টপ: -1px;ব্যাকগ্রাউন্ড-রঙ: # f6f6f6;অনলাইন <<প্যাডিং: 12px;
    পাঠ্য-সজ্জা: কিছুই নয়;
    ফন্ট-আকার: 18px;রঙ: কালো;প্রদর্শন : ব্লক;
    ফন্ট-পরিবার: 'নোটো সানস', সানস-সেরিফ;অনলাইন
    <<<<<<

    # মাইইউলি লি এ: হোভার: না (। শিরোলেখ) {
    ব্যাকগ্রাউন্ড-রঙ: # আইই;অনলাইন <<<<<<

    <ডি ক্লাস = "অলস ডাব্লুপি-ব্লক-চিত্র"><চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">

    সিএসএস ফাইলে আপনি অনেক কিছু পরিবর্তন করতে পারবেন। আপনার ক্রোম এক্সটেনশানটিকে আপনার পছন্দ অনুসারে কাস্টমাইজ করার জন্য এই বিকল্পগুলির সাথে ঘুরে দেখুন

  • এক্সটেনশনের জন্য একটি আইকন তৈরি করুন এবং এটির নাম রাখুন <<আইকন.পিএন। এটি আপনার ক্রোম এক্সটেনশন ফোল্ডারে রাখুন। আপনি উপরের কোডটিতে দেখতে পাচ্ছেন, আপনি সেই আকারগুলির জন্য পৃথক আইকন তৈরি করতে পারেন: 16 × 16 পিক্সেল, 32 × 32, এবং আরও।
  • টিপ:গুগলে আরও তথ্য রয়েছে ক্রোম এক্সটেনশান তৈরি করতে on এখানে অন্যান্য উদাহরণ এবং উন্নত বিকল্পগুলি রয়েছে যা আমরা এখানে দেখিয়েছি এমন সাধারণ পদক্ষেপের বাইরে চলে গেছে

    Chrome এ কীভাবে একটি কাস্টম এক্সটেনশন যুক্ত করা যায়

    এখন আপনি ক্রোম এক্সটেনশান করেছেন , এটি ব্রাউজারে যুক্ত করার সময় এসেছে যাতে আপনি সদ্য তৈরি করা সমস্ত ফাইল ব্যবহার করতে পারেন। একটি কাস্টম এক্সটেনশন ইনস্টল করার ক্ষেত্রে আপনি কীভাবে একটি সাধারণ ক্রোম এক্সটেনশন ইনস্টল করবেন.

  • ক্রোম মেনু থেকে, আরও সরঞ্জাম>এক্সটেনশানগুলিতে যান করুন। অথবা, ঠিকানা বারে ক্রোম: // এক্সটেনশানসটাইপ করুন
  • বিকাশকারী মোডএর পাশের বোতামটি এটি ইতিমধ্যে নির্বাচিত না থাকলে নির্বাচন করুন। এটি একটি বিশেষ মোড চালু করবে যা আপনাকে নিজের ক্রোম এক্সটেনশানগুলি আমদানি করতে দেয়
    <চিত্র শ্রেণি = "অলস অ্যালিজেন্স্টার">
  • উপরের প্রথম ধাপের সময় আপনি যে ফোল্ডারটি করেছেন সেটি নির্বাচন করতে সেই পৃষ্ঠার শীর্ষে লোড আনপ্যাক করাবোতামটি ব্যবহার করুন <
  • <ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্স্টার">
  • স্বীকার করুন আপনি যদি তাদের দেখতে পান তবে কোনও অনুরোধ জানানো হবে। অন্যথায়, আপনার কাস্টম-বিল্ট ক্রোম এক্সটেনশানটি ব্রাউজারের ডানদিকে ডান কোণায় থাকা অন্য যে কোনও একটির সাথে দেখাবে

    আপনার Chrome এক্সটেনশনের সম্পাদনা

    এখন আপনার Chrome এক্সটেনশন ব্যবহারযোগ্য, আপনি এটিকে নিজের তৈরি করতে পরিবর্তন করতে পারেন।

    স্টাইলস সিএসএস ফাইলটি কীভাবে এক্সটেনশনটি উপস্থিত হয় তা নিয়ন্ত্রণ করে, যাতে আপনি সামগ্রিক তালিকা শৈলীর সমন্বয় করতে এবং ফন্টের রঙ বা প্রকার পরিবর্তন করতে পারেন। <সি>3হ'ল সিএসএসের সাথে আপনি করতে পারেন এমন বিভিন্ন বিষয় সম্পর্কে জানার অন্যতম সেরা উত্স

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

    আপনার গুগল ক্রোমের সমস্যা সমাধান নিয়ে নিন এখুনিI

    সম্পর্কিত পোস্ট:

    একটি ডায়নামিক ডিস্ককে বেসিক ডিস্কে কীভাবে রূপান্তর করা যায় উইন্ডোজের জন্য কীভাবে একটি স্বয়ংক্রিয় ব্যাকআপ সিস্টেম সেট আপ করবেন সেলফোন কল করতে কীভাবে ওয়াইফাই ব্যবহার করবেন আপনার কম্পিউটার বা স্মার্টফোনের জন্য স্পাইওয়্যার সরানোর টিপস ডুয়াল বুট লিনাক্স মিন্ট এবং উইন্ডোজ কীভাবে কীভাবে আপনার কম্পিউটারকে ডিভিআর তে পরিণত করবেন যদি আপনি তাদের আপনার ইন্টারনেট হাইজ্যাকিং ধরেন তবে কাউকে কীভাবে আপনার ওয়াইফাই নেটওয়ার্ক থেকে বুট করবেন

    5.11.2019