ব্লগার থিমে CSS Variable যুক্ত করা - Blogger theme development

ব্লগার থিমে যদি ডায়ানামিক সিএসএস ব্যবহার করতে চায়। ওয়েবসাইটের ইউজার খুব সহজে যেকোনো কালার বা ভেলু চেন্জ করতে চায় তার জন্য আমরা CSS এর ভিতর Variable যুক্ত করি।

আস্‌সালামু আলাইকুম! আশা করি আল্লাহর রহমতে আপনি ভালো আছেন। 🥰 আলহামদুলিল্লাহ আমিও ভালো আছি। আজকের Topic এ আপনাকে স্বাগত! উইকিজানা ব্লগে প্রযুক্তিগত আপডেট থাকতে গুগল নিউজে ★ Followকরুন।

ব্লগার থিমে CSS Variable যুক্ত করার নিয়ম

ব্লগার থিমে CSS ভেরিয়েবল যুক্ত করার জন্য b:skin ট্যাগ এর মধ্যে নিচের মতো গ্রুপ ট্যাগের মধ্যে Description ও Selector লিখুন Selector এ আপনার সিএসএস এর ক্লাস এ নাম লিখতে হবে।

Variable ট্যাগ এর মধ্যে name, description, type, default, value এট্রিবিউট নিন। Name এট্রিবিউট এর নাম আর আমরাদের CSS ভেলু মিল রাখবো। Default এ যে কালার প্রথমেই রাখতে চান সেই কালার দিবেন আর Value তেও সেম কালার কোড দিবেন।

নিচের যেখানে CSS লিখবেন ওখানে CSS ভেলু তে অবশ্যই সেই ভেরিয়েবল নেম দিবেন। নিচের কোডের মতো করে।

<b:skin><![CDATA[
/* Variable definitions
<group description="heading H2" selector=".tst">
<Variable name="clrtst" description="TEXT Color" type="color" default="#FF0000" value="#0000ff"/>
</group>
*/
.tst{color:$(clrtst)}
]]></b:skin>

আপনার HTML কোড এ অবশ্যই Selector ক্লাস নেম ব্যবহার করবেন নয়তো আপনার কোড কাজ করবেন না। যেমন,

<div class="tst">TEST GROUP</div>

ব্লগার ডেভেলপমেন্ট এর বিভিন্ন বিষয় জানতে উইকিজানা এর সাথেই থাকুন।

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

Go to Link