মোবাইল দিয়ে ওয়েবসাইট তৈরি দ্বিতীয় পর্ব | Make Free Website In Mobile
গত পোষ্টে আমরা ওয়েবসাইট বানিয়ে ছিলাম আজকের পোস্টে করবো ডিজাইন/কাস্টমাইজড।
হ্যালো বন্ধুরা,আসসালামুআলাইকুম,আশাকরি আল্লাহর রহমতে অনেক ভালো আছেন। আবারও চলে এলাম আপনাদের জন্য খাংখিত গত পোষ্টের ৫ম ধাপ নিয়ে। গত পোষ্টটি যারা পড়েননি তারা অবশ্যই পড়েনিবেন, তাহলে এই পর্বটি আরো জোস লাগবে,বুঝতে সহজ হবে।
গত পোস্টের আলোচনা ছিলো ব্লগ সাইট তৈরি থেকে শুরু করে পোষ্ট পাব্লিশ করা এবং সাইট এসইও(SEO) পর্যন্ত।
আমরা গত পোষ্টে আমাদের ব্লগে একটি রেসপন্সিভ থিম যুক্ত করেছিলাম। হ্যা,আজকে সেই থিমসটি এডিট করা হবে অর্থাৎ সম্পুর্ণভাবে আমাদের ব্লগে ব্যাবহার যোগ্য হিসাবে গড়ে তোলা হবে।
গত পোষ্টটি যদি পড়তে চান তাহলে এখানে ক্লিক করে পড়তে পারেন।
তাহলে চলুন ধাপে ধাপে এগিয়ে যাওয়া যাক,আজকের আর্টিকেলের মূল বিষয়ে।
আজ আমরা ব্লগ টেমপ্লেট/Blog Template কাস্টমাইজড করবো, এর জন্য প্রথমে আপনারা আপনাদের ব্লগের ড্যাশবোর্ডে চলে যাবেন।
 |
| Blog Dashboard. |
এরপর নিজের মত করে, নিজের পছন্দ অনুযায়ী ডিজাইন করুন এবং আপনার ওয়েবসাইটটি পরিপূর্ণ করুন।
মনে রাখবেন, ওয়েবসাইটের হোম পেইজে অতিরিক্ত কোন Widget এড করবেন না। অতিরিক্ত Widget এড করার ফলে Site Slow হয়ে যাবে এর ফলে ভিজিটর কমে যাবে।
যে সাইট যত দ্রুত ওপেন হয় অর্থাৎ যে সাইটের স্পিড যত বেশি হবে সেই সাইট গুগলে র্যাংক করবে দ্রুত।
ফাস্ট ওয়েবসাইট গুলো গুগলের কাছে প্রাধান্য বেশি এই জন্য অল্প কিছু গ্যাজেট এড করবেন।
ব্লগের মেইন পেইজে আমরা কি কি রাখতে পারি!
ব্লগের মেইন পেইজ অর্থাৎ Blog Home পেইজে আমরা অল্প সংখ্যক পেইজ রাখবো যেগুলো হল।
- নতুন পোস্ট - Recent Post.
- ক্যাটাগরি - Label/Category.
- জনপ্রিয় পোস্ট - Popular Post.
মাত্র এই তিনটি Widget থাকবে মেইন পেইজে।
আর উপরের কলামে রাখবো - Contact - About - Privacy Policy ব্যাস এই টুকু।
এক্কেবারে নিচের দিকে রাখবো, Social Media - Email Subscription ব্যাস।
মেইন মেনুতে রাখবো আমাদের ব্লগের কিছু ক্যাটাগরি এবং সেখানে আপনি সোস্যাল মিডিয়ার লিংকও দিতে পারেন।
তাহলে এবার চলুন কিভাবে ব্লগ থিমসটি কাস্টমাইজড করা যায়।
 |
| Blog Home Page. |
এক নাম্বারে যে বিলবোর্ড সাইজের পিকচারটি দেখতে পাচ্ছেন,এখানে সাধারণত এডসেন্স বিজ্ঞাপন দেখায়।
আমাদের সাইট যেহেতু এখনো এডসেন্স পাওয়ার যোগ্যতা অর্জন করেনাই সেহেতু আমারা এটাকে রিমুভ করে দিবো।
আপনি যদি চান আপনার কোন ছবি অথবা ব্লগের লোগো এখানে শো করাবেন তাহলে করাতে পারেন।
সেটা করতে চাইলে প্রথমত আপনাকে 728×90 সাইজের একটি পিকচার তৈরি করতে হবে।
এরপর উক্ত পিকচারকে HTML ফর্মেটে রেখে নিচের মত Picture HTML Code কপি করে এই স্থানে Paste করে সেভ করতে হবে।
এখানে বর্তমান থিমে ব্যাবহারিত পিকচারের HTML কোড রয়েছে।
আমরা এটাকে রিমুভ করে দিবো, আপনি চাইলে এরকম পিকচার বানিয়ে এখানে রাখতে পারেন।
কিভাবে যে কোন ছবির HTML কোড তৈরি করবেন শিখতে চাইলে কমেন্টে জানাবেন আমি সুন্দর ভাবে দেখিয়ে দিবো।
 |
এবার চলে যাবো উপরের ছবির দুই নাম্বার অপশনে, সেখানে আছে মেইন মেনু / Drop Down Menu.
এটাকে এডিট করতে আপনারা ব্লগের লে আউটে গিয়ে এরকম পেন চিনহের উপর ক্লিক করবেন।
নিচের মত একটি ইন্টারফেস শো হবে।
 |
| Blog Drop Down Menu Example. |
যেটা যেটা আপনি মেইন মেনুতে রাখতে চান কলমে ক্লিক করে # হ্যাস মুছে দিয়ে আপনার আইটেমের Url বসিয়ে দিন।
হ্যাসের উপরে থাকা আইটেমের নাম এডিট করতে পারবেন, এভাবে একে একে করে ফেলুন।
প্রয়োজনের বেশি হয়ে গেলে Delete এ ক্লিক করে মুছে ফেলতে পারবেন।
এবার চলে যাবো ডান পাশে অর্থাত ব্লগের Sidebar এ।
এখানে ক্লিক করে আমরা প্রয়োজনিয় Widget রেখে বাকিগুলো Remove করে দিবো।
আমি যেহেতু এই সেকশনে মাত্র একটি Widget রাখতে চাচ্ছি সেহেতু সব গুলো রিমুভ করে,
এড গ্যাজেটে ক্লিক করে Popular Post সিলেক্ট করে নিবো।
এরপর Save বাটনে ক্লিক করে বাকিগুলো কাস্টমাইজড করে নিবো।
এভাবে প্রতিটি ধাপে ধাপে একিই নিয়মে আপনারা কাস্টমাইজড করে নিতে পারবেন।
পরিশেষে ব্লগের Logo টি বসিয়ে দিবো এবং টেমপ্লেটের Footer Credit কাস্টমাইজড করে আজকের পোস্ট শেষ করে দিবো।
চলুন গত পোষ্টে যে লোগো বানিয়ে ছিলাম সেই লোগোটির ব্যবহার করি আজ।
 |
| Header Logo. |
বরাবরের মত পেন বাটনে ক্লিক করে এরকম একটি লোগো সেটিং করে নিবেন। যখন কেও পিসি অথবা ল্যাপটপ দিয়ে আমাদের সাইটে ভিজিট করবে তখন তারা এই লোগোটি দেখতে পাবে।
সব কিছু হয়ে গেলে Save করে দিন, এবার আরেকটি Square লোগো ব্যবহার করা হবে।
হয়তো আপনাদের খেয়াল আছে গত পোষ্টে দুইটি লোগো বানিয়ে ছিলাম একটি ল্যান্ডস্কেপ এবং আরেকটি স্কয়ার।
স্কয়ার লোগোটি আপনি ব্লগের হোম পেইজের একদম নিচের সেকশনে ব্যবহার করতে পারেন,সাইড বারেও করতে পারেন আবার না করলেও সমস্যা নাই।
ব্যবহার করতে চাইলে লে আউট থেকে যে অংশে ব্যাবহার করতে চান Add Gadget এ ক্লিক করুন।
এরপর স্ক্রোল করলে Image গ্যাজেট পেয়ে যাবেন,এড করুন এবং পিকচার আপলোড দিন।
তবে পিকচার আপলোড করলে কেমন দেখায় এবং আগে কেমন দেখায় অবশ্যই দেখে নিবেন। মোট কথা ভালো লাগাতে হবে।
এবার চলে যাবো ব্লগের Theme অপশন থেকে HTML এডিটে।
এডিট করার পূর্বে Backup রাখতে ভুলবেন না।
Edit HTML ক্লিক করার পর নতুন একটি ইন্টারফেস শো হবে। এবার ডানপাশের থ্রি ডট মেনুতে ক্লিক করে Footer খুজে নিন।
আমি যে থিমসটি ব্যবহার করছি এটার ক্রেডিট ফুটার রয়েছে HTML6 এ।
একেক টেমপ্লেটে একেক জায়গায় থাকে তাই অবশ্যই এটাকে আপনার খুঁজে নিতে হবে।
এরপর নিজের মত করে এডিট করুন, নিজের সাইটের লিংক বসিয়ে দিন ব্যাস কাজ শেষ।
মনে রাখবেন HTML এডিট করার সময় যেন কোন প্রকার ভুল না হয়। ভূল হলে কিন্তু এটা সেভ হবে না।
চেষ্টা করুন অবশ্যই পারবেন, আর যদি বুঝতে কোন সমস্যা হয় তাহলে কমেন্ট করতে পারেন।
সামনের পোস্টে দেখাবো কিভাবে ব্লগে এডসেন্স এপ্রুভ পেয়ে প্রচুর পরিমানে আয় করা যায়। তাই নিয়মিত চোখ রাখবেন আমাদের ব্লগে।
যাইহোক,হয়ে গেলো আমাদের ওয়েবসাইট তৈরির কাজ। এখন থেকে নিয়মিত পোস্ট লিখুন,, ইনশাআল্লাহ ভালো কিছু হবে। আজকের মত বিদায় নিচ্ছি আমি শফি, দেখা হবে নতুন আরেকটা পোস্ট নিয়ে আল্লাহ হাফেজ।