মোবাইল Template থেকে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করুন

মোবাইল Template থেকে কিভাবে অপ্রয়োজনীয় HTML ট্যাগ Remove করতে হয় তা নিয়ে আমরা গত পোষ্টে বিস্তারিত আলোচনা করেছি। এখন আমরা শিখব কিভাবে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করতে হয়। মোবাইল টেমপ্লেটের Load Time Fast করার জন্য অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করা প্রয়োজন। ব্লগার টেমপ্লেটের সাইডবারসহ বিভিন্ন জায়গাতে অনেক ধরনের Widget ব্যবহার করা হয়ে থাকে, যেগুলি...

Read More »

ব্লগার Template এর Header অংশে Responsive Menu Bar যুক্ত করুন

প্রফেশনাল ব্লগার টেমপ্লেট তৈরির ৫ম পর্ব শুরু করছি। আমাদের আজকের পর্বে শেয়ার করব কিভাবে ব্লগার Template এর Header এ আকর্ষণীয় Menu Bar যুক্ত করবেন। উল্লেখ্য যে, আমরা ইতিপূর্বে প্রফেশনাল ব্লগার টেমপ্লেট তৈরি করার ৪ টি টিউটরিয়াল পাবলিশ করেছি। এই পোষ্টটি আপনার ব্লগে Apply করার আগে অবশ্যই আগের পর্বগুলি ভালভাবে দেখে নেবেন। যে কোন পার্সোনাল এবং ব্যক্তিগত ব্লগে কিংবা ওয়েবসাইটে একটি Menu Bar থাকা আবশ্যক।...

Read More »

কিভাবে ব্লগের Posts এবং Sidebar Column Responsive করতে হয়?

গত পোষ্টে আমরা ব্লগের Header অংশগুলিকে Responsive করার একটি টিউটরিয়াল শেয়ার করেছি। তাছাড়া Responsive Web Design কি এবং কিভাবে তৈরি করতে হয় সে ব্যাপারে বেসিক টিউটরিয়ালও আপনাদের সাথে শেয়ার করেছি। আগের পোষ্টগুলি যদি পড়ে না থাকেন তাহলে এই পোষ্টটি পড়ার আগে অবশ্যই আগের পোষ্টগুলি পড়ে নিবেন। তাহলে Responsive Web Design কি এবং কিভাবে করতে হয় তার বিস্তারিত ধারনা পাবেন। সাধারণত ব্লগের Content Area এর ভীতরে...

Read More »

কিভাবে ব্লগের Images ও Post Thumbnails Responsive করতে হয়?

আমরা ইতিপূর্বে Responsive Blog Design তৈরির কয়েকটি পোষ্ট শেয়ার করেছি। আজকের পোষ্টের মাধ্যমে আমাদের এ সিরিজের সকল পোষ্ট সমাপ্ত হবে। আমরা আজকের পোষ্টে শেয়ার করব কিভাবে Blog Posts Image ও Posts Thumbnail Image সহ সকল সেকশনের Image এর Resolution নষ্ট না করে Responsive করতে হয়? সাধারণত ব্লগের বেশীর ভাগ Image সাইজ বড় হওয়ার করনের ছোট মাপের ডিভাইসগুলিতে Image Adjust হয় না। ফলে পোষ্টের Image ব্রাউজারের বাহিরে...

Read More »

কিভাবে ব্লগার ব্লগের Header অংশগুলিকে Responsive করতে হয়?

Responsive Blog Designs কি তা নিয়ে আমরা ইতিপূর্বে একটি পোষ্ট শেয়ার করেছি। এ ব্যাপারে বেসিক বিষয়গুলি জানতে চাইলে আগের পোষ্টটি পড়ে নিবেন। ব্লগার টেমপ্লেটে Header, Body এবং Footer এই তিনটি গুরুত্বপূর্ণ অংশ রয়েছে। এই তিনটি অংশ এবং Image গুলিকে Responsive করতে পারলেই সম্পূর্ণ টেমপ্লেটই Responsive Designs এর হয়ে যায়। আমরা এই চারটি অংশকে আলাদা আলাদাভাবে Responsive করার টিউটরিয়াল শেয়ার করব। ডিফল্ট...

Read More »

কিভাবে ব্লগার ব্লগের Footer অংশ-কে Responsive করতে হয়?

আজকের পর্বে আমরা শেয়ার করব কিভাবে ব্লগের 3 Column Footer কে Responsive করতে হয়? সাধারণত ব্লগে ৩/৪ কলামের Footer হয়ে থাকে যেটির Width অনেক বড় হয়। যার ফলে মোবাইল ভার্সনে নরমালি একসাথে তিনটি বা চারটি কলাম দেখানো সম্ভব হয় না। সেই জন্য সবগুলিকে Responsive করে নিতে হয়। সবগুলি Footer Widgets Responsive করার ফলে Full Width হয়ে একটির নিচে আরেকটি শো করতে থাকে। এতেকরে সবগুলি উইজেট মোবাইল ভার্সনের সব সাইজের...

Read More »