--- title: কোড এবং উইজেট: কাস্টম সিএসএস এবং স্ক্রিপ্ট description: কাস্টম সিএসএস কীভাবে যোগ করবেন, হেড এবং বডিতে কোড (কাউন্টার, চ্যাট, পিক্সেল), বিধিনিষেধ এবং নিরাপত্তা। section: account keywords: কাস্টম সিএসএস, হেড কোড, বডি কোড, কাউন্টার, গুগল অ্যানালিটিক্স, পিক্সেল, চ্যাট উইজেট updated: 2026-09-16 --- সেটিংস-এর "কোড এবং উইজেট" বিভাগটি আপনাকে আপনার ওয়েবসাইটে নিজস্ব কোড যুক্ত করার সুযোগ দেয়: যেমন কাউন্টার, বিজ্ঞাপন পিক্সেল, চ্যাট উইজেট, কুকি ব্যানার, এবং সেইসাথে ওয়েবসাইটের চেহারা সূক্ষ্মভাবে সাজানোর জন্য আপনার নিজস্ব CSS কোডও ব্যবহার করতে পারেন। ![কোড এবং উইজেট ব্লক](/wiki/img/settings-code.webp "মাথায় এবং শরীরের শেষে কোড") ## মাথা ও শরীরে কোড - **হেড কোড** — প্রতিটি ওয়েবসাইট পেজের `` ট্যাগে যুক্ত করা হয়। গুগল অ্যানালিটিক্স, মেটা পিক্সেল এবং ভেরিফিকেশন মেটা ট্যাগের জন্য ব্যবহৃত হয়। - **বডির শেষের কোডটি** `` এর আগে যুক্ত করা হয়। এটি চ্যাট উইজেট, কুকি ব্যানার এবং যেসব স্ক্রিপ্টের জন্য পেজ লোড হওয়া প্রয়োজন, সেগুলোর ক্ষেত্রে ব্যবহৃত হয়। পরিষেবা থেকে প্রাপ্ত সম্পূর্ণ কোডটি পেস্ট করুন এবং "সংরক্ষণ করুন" বোতামে ক্লিক করুন। প্রতিটি ফিল্ডের জন্য অক্ষরের সীমা ২০,০০০। এই কোডটি শুধুমাত্র পাবলিক ওয়েবসাইটে কাজ করবে, আপনার অ্যাকাউন্টে নয়। উদাহরণ: - গুগল অ্যানালিটিক্স ৪ - হেডের মধ্যে `gtag.js` ফ্র্যাগমেন্ট। - মেটা পিক্সেল হলো মস্তিষ্কের একটি পিক্সেলের খণ্ডাংশ। - চ্যাট উইজেট (Tawk, Crisp, JivoChat) - বডিতে স্ক্রিপ্ট। - এসইও ব্লক → “অধিকার যাচাইকরণ”-এর মাধ্যমে গুগল/বিং/ইয়ানডেক্স-এর অধিকার যাচাই করা আরও সুবিধাজনক। ## কাস্টম সিএসএস এআই অ্যাসিস্ট্যান্ট বা সংযুক্ত এআই চ্যাটের মাধ্যমে কাস্টম CSS যোগ করা হয়: "Add CSS: make buttons fully round"। অ্যাসিস্ট্যান্ট কোডটি পরীক্ষা করে এবং সাইটে তা প্রয়োগ করে। সুনির্দিষ্ট কাস্টমাইজেশনের জন্য, সাইট এলিমেন্ট অ্যাট্রিবিউট ব্যবহার করুন, যেমন কার্ডের জন্য `[data-asd="card"]`, হেডারের জন্য `[data-asd="header"]`, এবং হিরো ব্লকের জন্য `[data-asd="block-hero"]` । অ্যাসিস্ট্যান্ট একটি তালিকা সাজেস্ট করবে। আপনার CSS ক্যাটালগের CSS স্টাইল থেকে আলাদাভাবে সংরক্ষিত থাকে: আপনি যখন স্টাইল পরিবর্তন করেন, আপনার করা পরিবর্তনগুলোও সংরক্ষিত থাকে। ## সীমাবদ্ধতা এবং নিরাপত্তা - আপনার CSS-এ `