আপনি খুব সহজেই আপনার ব্লগ বা ওয়েবসাইট সম্পূর্ণ কাস্টমাইজ করতে পারেন। এই নিবন্ধটি আপনাকে দেখায় যে একটি পৃষ্ঠার শিরোনাম এবং ব্যাকগ্রাউন্ড ছবিতে ফন্ট পরিবর্তন করা কতটা সহজ৷
ব্লগার এবং সাইটের মালিকরা সাধারণত তাদের সাইটকে ভিজিটরদের কাছে আরও আকর্ষণীয় করে তুলতে ব্যাকগ্রাউন্ড পরিবর্তন করে। যাইহোক, একটি ব্যাকগ্রাউন্ড ইমেজ যা ভুলভাবে যোগ করা হয়েছে তা ভিজিটরকে বিভ্রান্ত করতে পারে এবং এমনকি আপনার সাইট বা ব্লগের প্রতি অবিশ্বাস এবং এটিকে আবার দেখতে অনিচ্ছুক হতে পারে। সঠিকভাবে পটভূমি যোগ করতে, সঠিক HTML কোড ব্যবহার করা গুরুত্বপূর্ণ।
এখানে কয়েকটি সাধারণ HTML কোড রয়েছে যা আপনি আপনার বিদ্যমান সাইটের চেহারা পরিবর্তন করতে ব্যবহার করতে পারেন৷ অনেক ব্যবহারকারী এটা কতটা সহজ তা বুঝতেও পারেন না।
কীভাবে ফন্ট কাস্টমাইজ করবেন
প্রথমত, আপনাকে এর পরে যেকোনো জায়গায় চারটি মেটা ট্যাগ যোগ করতে হবে। আপনি কেবল নীচের চিহ্নগুলি অনুলিপি করতে পারেন এবং স্পেসগুলি সরানোর পরে সেগুলিকে আপনার সংস্থানে আটকাতে পারেন৷
কীভাবে পটভূমির রঙ সেট করবেন
আপনার ব্লগ বা ওয়েবসাইটের HTML-এ পৃষ্ঠাটি খুলুন। অফলাইনে একটি পৃষ্ঠা সম্পাদনা করার সময়, আপনি আপনার কাজকে আরও সহজ করতে ড্রিমওয়েভারে এটি খুলতে পারেন। আপনার সাইট কনস্ট্রাক্টর ব্যবহার করে তৈরি করা হলে, কিছু পরিষেবা আপনাকে অনুমতি দেয়"ডিজাইন" পৃষ্ঠায় গিয়ে এবং "HTML সম্পাদনা করুন" ট্যাবটি নির্বাচন করে অনলাইনে HTML সেটিংস পরিবর্তন করুন৷ যেভাবেই হোক, আপনি আপনার ব্লগ বা ওয়েবসাইটের জন্য HTML কোডগুলি অ্যাক্সেস করতে সক্ষম হবেন৷ সেটআপ প্রক্রিয়াটি আপনার কাছে কোন পরিষেবাগুলি উপলব্ধ এবং আপনি কোন ইঞ্জিন ব্যবহার করছেন তার উপর নির্ভর করে ব্যাপকভাবে পরিবর্তিত হতে পারে৷
আপনাকে ব্যাকগ্রাউন্ডের রঙ পরিবর্তন করতে হলে ভিন্ন রঙের একটি ছবি দেখার চেষ্টা করবেন না। পরিবর্তে, আপনি কেবল HTML সম্পাদনা করতে পারেন এবং আপনি যা রাখতে চান তাতে বিদ্যমান রঙ পরিবর্তন করতে পারেন।
আপনি বিশেষ প্রকাশনাগুলিতে সহজেই HTML রঙের চার্ট খুঁজে পেতে পারেন৷ প্রতিটি রঙ একটি ছয়-সংখ্যার কোড হিসাবে মার্কআপে প্রদর্শিত হয়। উদাহরণস্বরূপ, একটি সাদা ব্যাকগ্রাউন্ড FFFFFF হিসাবে নির্দেশিত হয়।
সুতরাং আপনি পটভূমির রঙ হিসাবে আপনার সাইটে যে রঙের কোডটি দেখতে চান তা খুঁজুন। মার্কআপে এটি দেখতে এরকম হবে:
শরীর {
ব্যাকগ্রাউন্ড-রং:XXXXXX; {
আপনি HTML এ পটভূমির রঙ সংরক্ষণ করার পর, আপনি দেখতে পাবেন যে আপনার পৃষ্ঠার চেহারা পরিবর্তিত হয়েছে।
একটি পটভূমি ছবি যোগ করা হচ্ছে
আপনি ব্যাকগ্রাউন্ড হিসেবে যে ছবিটি যোগ করতে চান সেটি নির্বাচন করুন। এমন অনেক সাইট রয়েছে যা আপনাকে এই ধরনের ব্যাকগ্রাউন্ড ডাউনলোড করতে দেয়। বিকল্পভাবে, আপনি এমন একটি ছবি ব্যবহার করতে পারেন যা ইতিমধ্যেই আপনার কম্পিউটারে সংরক্ষিত আছে৷
ইমেজটি ইন্টারনেটে আপলোড করুন। অনেকে আপনাকে বিনামূল্যে ছবি ডাউনলোড করার অনুমতি দেয়। আপনার ব্যাকগ্রাউন্ড ইমেজ একটি URL পান. এটি করার জন্য, আপনাকে আপনার ব্রাউজারে ছবিটি খুলতে হবে এবং অনুলিপি করতে হবেURL।
পটভূমি হিসেবে একটি ছবি যোগ করতে কোডটি পেস্ট করুন। এইচটিএমএল-এ এটি এইরকম দেখায়:
শরীর {
ব্যাকগ্রাউন্ড-ইমেজ: url(ছবির URL);
আপনাকে কোডটি যোগ করতে হবে যেখানে পৃষ্ঠার মূল অংশটি HTML এ শুরু হয়। সম্পাদনা করার পরে পরিবর্তনগুলি সংরক্ষণ করুন এবং আপনার সাইট লোড করুন৷ আপনি দেখতে পাচ্ছেন যে ছবিটি সম্পূর্ণরূপে পটভূমির রঙ প্রতিস্থাপন করেছে৷
তবে, মনে রাখবেন যে খুব বড় ছবিগুলি লোড হতে খুব বেশি সময় নিতে পারে, যা অনেক দর্শকের জন্য অপ্রীতিকর হবে। এই কারণে, এই উদ্দেশ্যে ছোট ছবি বেছে নেওয়ার চেষ্টা করুন।
