কিভাবে Template কাস্টোমাইজ বা নিজের মত করে তৈরি করবেন?

   আপনি চাইলে আপনার ডিফল্ট যে Template ব্যবহার করছেন তার Page Color, Text Color, Background, Tetle color ইত্যাদি পরিবর্তন করতে পারবেন। এ অধ্যায়ে আমরা সে সব বিষয় আলোচনা করব। এ অধ্যায়ের অধাকাংশ কাজই খুব সহজ আপনি একবার দেখলে বুঝতে পারবেন। আপনি নতুন ব্লগার হলে হয়তো সামান্য সমস্যা হতে পারে মনযোগ দিয়ে অনুশীলণ করলে কোনা কিছুই কঠিন নয়।

 
প্রথমে, Dashboard  Template>Customize পরপর ক্লিক করে এগিয়ে যান। 

একটি নতুন পেজ আসবে সেখাবে উপরের অংশে 
Template সম্পর্কিত এবং নিচে আপনার ব্লগটি দেখতে পাবেন। উপরের অংশে পর্যায়ক্রমে Templates, Background, Adjust Widths, Layout এবং Advanced বাটন দেখতে পাবেন। এগুলোতে কার্যক্রম নিচে দেখানো হল। যে কোন কাজ করার পর তা চালু করতে উপরে ডান দিকে Apply to Blog ক্লিক করতে হবে।


 






Templates: এ অপশনে প্রবেশ করলে আপনি Blogger এর ডিফল্ট সব Template দেখতে পাবেন। আপনি Template পরিবর্তন করতে চাইরে; এখান থেকে যে কোন Template এর উপর ক্লিক করলেই সেই Templates টি ইনস্টল হয়ে যাবে।

Background: Background বাটনে ক্লিক করে আপনার ব্লগের Background ও পেজ Colour পরিবর্তন করতে পারবেন। Just color Box এ ক্লিক করে।

Background পরিবর্তন:  Background বাটনে ক্লিক করলে Background image ও Main Color Theme নামক দুটি অপশন পাবেন। সেখান থেকে Background  লেখার নিচে বক্সে ক্লিক করুন। একটি সাবপেজ আসবে।
সাবপেজে Upload, Arts, Business ইত্যাদি দেখতে পাবেন। Upload বাটনে ক্লিক করে আপনি আপনার কম্পিউটার থেকে যে কোন ছবা সন্নিবেশন করতে পারেন। পরবর্তী সকল অপশনে একাধিক ছবি দেয়া আছে সেখান থেকে যেকোন ছবির উপর ক্লিক করে নিচে Done ক্লিক করলে আপনার Background পরিবর্তিত হয়ে যাবে।

Main Color Theme পরিবর্তন: Background বাটনে ক্লিক করলে Background image ও Main Color Theme নামক দুটি অপশন পাবেন। সেখান থেকে Background image  লেখার নিচে বক্সে ক্লিক করুন। Color প্যালেট আসবে সেখান থেকে ইচ্ছা মত রং সিলেক্ট করুন। Main Color Theme পরিবর্তিত হয়ে যাবে। উপরে ডান দিকে Apply to Blog ক্লিক করুন।


Adjust Widths: Adjust Widths বাটনে ক্লিক করলে উপরে সম্পূর্ণ ব্লগ ও নিচে সাইডবার গুলোর Widths বা প্রস্থ দেখা যাবে। এখান থেকে আপনি ব্লগ বা সাইডবারের প্রস্থ বাড়াতে বা কমাতে পারবেন। উপরে ডান দিকে Apply to Blog ক্লিক করুন।

Layout: Layout বাটনে ক্লিক করলে বাম দিকে কয়েকটি Layout এবং ডান দিকে কয়েকটি Layout দেখতে পাবেন। আপনার পছন্দমত উভয় থেকে একটি করে সিলেক্ট করুন। Layout মূলত আপনার ব্লগে কতটি কেমন সাইডবার হবে তার প্রদর্শন করে থাকে। উপরে ডান দিকে Apply to Blog ক্লিক করুন।

Advanced: Template এর Advanced অপশনে অনেক গুলো অপশন পাবেন। আপনি যে অপশনে কাজ করবেন তা আপনার ব্লগে যেখানে আছে মার্কড হয়ে যাবে যাতে আপনি প্রিভিউ দেখতে পারেন। নিচে অপশনসমূহ আলোচনা করা হল-
Page Text:  এ অপশনে আপনি ব্লগের পেজে যে লেখা লিখবেন তার রং, সাইজ, বোল্ড, আন্ডারলাইন ইত্যাদি করতে পারবেন। ঠিক MS Word এর মতই।

Backgrounds: Advanced এর এ অপশনে আপনি Outer Background, Main Background  এবং Header Background  নামক তিনটি রং পরিবর্তনের স্থান পাবেন। Outer Background হল পেজের বাইরের BackgroundMain Background  হল পেজের Background. এখানে আপনি যে রং সিলেক্ট করবেন তা আপনার ব্লগ পেজের ব্যাকগ্রাউন্ড হয়ে যাবে। পেজের উপরের অংশের ব্যাকগ্রাউন্ডের রং Header Background  থেকে পরিবর্তন করা যাবে। প্রতি ক্ষেত্রে নিচে প্রদর্শিত আপনার ব্লগ দেখুন কেমন দেখায়। পছন্দ হলে উপরে ডান দিকে Apply to Blog ক্লিক করুন।

Links: Links হল আপনার ব্লগে যত লিঙ্ক আছে যেখানে ক্লক করলে অন্য পেজে বা সাইটে যাওয়া যায়। এখানে তিনটি অপশন পাবেন। 1) Link Color 2) Visited Color 3) Hover Color.  Link Color হল সাভাবিক অবস্থায় লিঙ্ককৃত লেখার রং। Visited Color হল যখন উক্ত link এ কেউ ক্লিক করে করবে তখন যে রং হবে এবং Hover Color হল যখন link এর উপর মাউজ পয়েন্ট রাখবে তখন যেমন color হবে। তিনটি ক্ষেত্রেই বক্সে ক্লিক করে রং পরিবর্তন করতে পারবেন।

Blog Title: Blog Title হল আপনার পেজের উপরের অংশ। আপনি যদি Blog Title এ যা লিখেছেন তার রং ও ফ্রন্ট পরিবর্তন করতে চান তাহলে এ অপশনে Front এ পরিবর্তনম সাইজ, বোল্ড, আন্ডার লাইন ইত্যাদি করতে পারবেন এবং Title Color এর বক্স থেকে টাইটেল লেখার রং পরিবর্তন করতে পারবেন।

Blog Description: আপনি যদি Blog Description লিখে থাকেন এবং প্রদর্শন করান সেখানে Blog Description এর রং পরিবর্তন করতে পারবেন।

Tabs Text এবং Tabs Background:: আপনি যদি আপনার ব্লগে তৈরিকৃক পেজগুলোকে Tab এ দেখান সেক্ষেত্রে এ অপশনের সাহায্যে আপনি text front and size, Tab color, Selected color পরিবর্তন করতে পারবেন। Tabs  Background এর সাহায্যে Tabs এর Background এর রং পরিবর্তন করতে পারবেন। অবশ্য আপনাকে আগে আপনার ব্লগের পেজগুলো Tab এ দেখাতে হবে এ পদ্ধতি আপনি Gatget এর Page অপশনে দেখতে পাবেন।

আপনি যদি আপনার ব্লগে তৈরিকৃক পেজগুলোকে Tab এ দেখান সেক্ষেত্রে এ অপশনের সাহায্যে আপনি text front and size, Tab color, Selected color পরিবর্তন করতে পারবেন। অবশ্য আপনাকে আগে আপনার ব্লগের পেজগুলো Tab এ দেখাতে হবে এ পদ্ধতি আপনি Gatget এর Page অপশনে দেখতে পাবেন।

Post Title, Date Header, Post Footer, Gadgets: এ অপশন গুলোর কার্যপদ্ধতি অনেকটা একই এবং সহজ যা আপনি সহজে বুঝতে পারবেন। এখানে আমরা শুধুমাত্র এ অপশন গুলোর পরিবর্তনে ব্লগের কোন অংশ পরিবর্তন হবে তা বোঝানোর চেষ্টা করছি।
Post Title: আপনার লেখা পোস্ট বা পেজে যে Title আপনি লিখেছেন।
Date Header: আপনি যে তারখে Post করেছেন সে তারিখের  Text এবং background পরিবর্তন।
Post Footer: আপনার ব্লগের নিচের অংশ যেখানে Comment Box সেখানের পরিবর্তন।
Gadgetsআপনার ব্লগের সাইডবারে যা কিছু করেছেন তা Title এর পরিবর্তন।

Image: আপনি আপনার ব্লগে ছবি সন্নবেশন করলে সে ছবির বর্ডার, background এর রং পরিবর্তন করতে পাবেবন; কালার বক্সে ক্লিক করে।

Accents: Accents  Separator Line Colour অপশনে আপনি আপনার ব্লগ পেজ ও সাইটবারের মাঝের ডিভাইডার রেখার পরিবর্তন করতে পারবেন। এবং Tabs Border Colour এর মাধ্যমে Tabs এর ডিভাইডার রেখার পরিবর্তন করতে পারবেন।

Mobile Button Color: এ অপশনে আপনি আপনার ব্লগে Mobile Button সন্নবেশন করলে তার রঙের পরিবর্তন করতে পারবেন।
Add CSS:  এ অপশনটি HTML Code যারা জানেন শুধু তাদের জন্য।

Customize Mobile Template: আপনার ব্লগটি মোবাইলে ভিজিট করলে কেমন দেখাবে তা নির্ধারণ করতে এ অপশনটি ব্যবহার করা হয়। এখানে আপনি প্রথমে দুটি অপশন পাবেন।
On mobile devices, show a mobile version of your current template.
 
 
No বাটনে ক্লিক করলে আপনার ব্লগ মোবাইলে এ কম্পিউটারে একই দেখাবে না বরং মোবাইলে অন্য রকম দেখাবে।

এ ক্ষেত্রে আপনি মোবাইল এর জন্য আলাদা Template ব্যবহার করতে পারবেন। Default বাটনে ক্লিক করলে বিভিন্ন আসবে যেকোন একটি সিলেক্ট করে Save বাটনে ক্লিক করলে মোবাইলে সেই এর বৈশিষ্টানুযায়ী ব্লগ প্রদর্শিত হবে। করার আগে বাটনে ক্লিক করে মোবাইলে কেমন দেখাবে তা দেখে নিতে পারেন।
Yes বাটনে ক্লিক করলে আপনার ব্লগ মোবাইলে এ কম্পিউটারে একই দেখাবে।

1 comment: