AlMazo.Site

A new world of technology

Blogger

Blogger এ Menu এর সাথে Stylish আইকন যুক্ত করুন সহজেই!

আসসালামু আলাইকুম। কেমন আছেন সবাই? আসা করি সকলে ভালই আছেন। 

ফ্রি এবং super fast ওয়েবসাইট speed এর জন্য। এছাড়া নতুন নতুন Blogging শুরু করার জন্য CMS হিসেবে আমরা অনেকেই blogger ব্যাবহার করে থাকি। কেননা blogger এ না আছে কোনো টাকা পয়সার ঝামেলা এবং ওয়েবসাইট অফ হওয়ার কোনো সম্ভবনা। ব্লগার এর management system টাও অনেক সহজ, যার কারনে নতুন blogger হিসেবে আমরা প্রথমে ব্লগার টাই ব্যাবহার করে থাকি। কিন্তু ব্লগার এর একটা অসুবিধা হচ্ছে নিজের পছন্দ মত theme customize করতে হলে কিছুটা programming language জানার প্রয়োজন হয়ে থাকে। আমরা যারা blogger ব্যাবহার করে ওয়েবসাইট পরিচালনা করে থাকি তারা সকলেই Main Menu সাধারণত simple ভাবে শুধু নাম দিয়ে ব্যাবহার করে থাকি। কিন্তু আপনি কি ভেবে দেখেছেন? যদি main menu এর লিস্ট এর সাথে যদি icon ব্যাবহার করা যায় নাম এর সাথে তাহলে কেমন হবে ব্যাপার টা? 

আজকে আপনাদের মাঝে শেয়ার করব কিভাবে আপনারা মেনু এর সাথে আইকন ব্যাবহার করে ওয়েবসাইট এর সুন্দর্য আরো বিদ্ধি করতে পারবেন। তো আর কথা না বলে চলুন শুরু করা যাক।

সর্বপ্রথম একটা কথা বলে রাখি এই সিস্টেম টা সকলের theme বা template এ কাজ নাও করতে পারে। আমি আপনাদের সামনে জেটথিম এ করে দেখিয়ে দিব। আপনারা আপনাদের থিম এ try করে দেখতে পারেন বা জেতথিম টা ডাউনলোড করে set করে নিতে পারেন। আপনাদের নিজেদের থিম এ CSS stylish এ head এর নিছে নিচের কোড টা বসাতে হবে। অনেক থিম এ আগে থেকেই কোড টা দেয়া থাকে যদি আগে থেকেই এই কোড টা থাকে, তাহলে এই কোড নতুন করে বসানোর কোনো প্রয়োজন নেই। CODE: “<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css”/>”

এবার আপনারা এই লিঙ্ক এ প্রবেশ করুন।তারপর নিচের মত interface দেখতে পারবেন।এখন নিচ থেকে আপনার পছন্দমত icon choice করে নিন, যে আইকনটা পছন্দ হবে সেই আইকন এ ক্লিক করুন।

তারপর আপনি নিচের মত interface দেখতে পারবেন।এখন নিচের COPY HTML লেখায় ক্লিক করে কোডটা কপি করে নিন। 

এখন আপনার blogger এর এডমিন ড্যাশবোর্ড এ প্রবেশ করুন এবং layout লেখায় ক্লিক করুন নিচের মত।

তারপর আপনার থিম এর মেনু অপশন এ যান। তারপর যে মেনু অপশন টায় আইকন টা এড করতে চান সেইটা edit এ ক্লিক দিন এবং নিচের মত আইকন কোড টা paste করে দিন মেনু নাম এর পাশে space ব্যাবহার করে। 

আলহামুলিল্লাহ। কাজ শেষ। এখন result দেখার পালা নিচে দেখুন মেনুর সাথে আইকন টা এড হয়ে গেছে এবং সুন্দর একটা লুক দিচ্ছে।

আপনারা এইভাবে সহজেই সকল মেনু অপশন এ কোড টা এড করে আইকন change করতে পারবেন। আশা করি সকলে বুঝতে পারছেন। তারপরেও আপনাদের কোথাও কোনো সমস্যা হলে অবশ্যই কমেন্ট বক্স এ জানিয়ে দিবেন। ভাল থাকবেন। ধন্যবাদ।

LEAVE A RESPONSE

Your email address will not be published. Required fields are marked *