কিভাবে ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর করবেন
আজ আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর করবেন। এটি অনেকেরই জানা থাকতে পারে। তবে ব্লগের মন্তব্য পরে যা বুজতে পারছি, এখানে অনেকেই আমার মত নতুন ব্লগার। আমি মনে করি তাদের এই পোস্টটি অনেক উপকারে লাগবে।
এভাবে ব্লগের লেভেল কে দেখালে আপনার ব্লগ ডিজাইন সুন্দর দেখাবে এবং পাশাপাশি আপনার ব্লগের পেইজ লোড হওয়ার সময়ও কমে আসবে। আর আপনার ব্লগে যদি বিষয়ের সংখ্যা অনেক বেশি হয়ে যায়, যদি এটা আপনার নিয়ন্ত্রণের বাইরে চলে যেতে ধরে, তাহলে এখনি এই গেজেটটিকে ড্রপডাউন মেনুর মতো করে নিন। ব্লগের জায়গা বাঁচবে। আসুন তবে দেখে নেয়া যাক কিভাবে করবেন আপনার ব্লগস্পট
এভাবে ব্লগের লেভেল কে দেখালে আপনার ব্লগ ডিজাইন সুন্দর দেখাবে এবং পাশাপাশি আপনার ব্লগের পেইজ লোড হওয়ার সময়ও কমে আসবে। আর আপনার ব্লগে যদি বিষয়ের সংখ্যা অনেক বেশি হয়ে যায়, যদি এটা আপনার নিয়ন্ত্রণের বাইরে চলে যেতে ধরে, তাহলে এখনি এই গেজেটটিকে ড্রপডাউন মেনুর মতো করে নিন। ব্লগের জায়গা বাঁচবে। আসুন তবে দেখে নেয়া যাক কিভাবে করবেন আপনার ব্লগস্পট
ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর।
১) প্রথমে ব্লগার.কম এ লগইন করে dashboard থেকে আপনার desired ব্লগটার layout এ যান ।২) add a Gedjet ট্যাব এ ক্লিক করে সেখান থেকে একটি লেবেল গেজেট নিয়ে সেভ করুন।
৩) এবার আপনাকে Layout থেকে Edit HTML ট্যাবে যেতে হবে।
৪) Expand Widget Templates লেখার পাশের চেকবক্সে টিক চিহ্ন দিবেন না।
৫) এবার contrl+F চেপে নিচের লাইনটি খুঁজে বের করুন ।
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>৬) আশা করি পেয়ে গেছেন এখন খুঁজে পাওয়া লাইনটি সম্পূর্ণ মুছে দিয়ে নিচের কোডটি স্থাপন করুন।
b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>পরীক্ষা করে দেখার জন্য নিচের PREVIEW তে ক্লিক করুন। আশা করি সব ঠিক ঠাকই আছে।
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<br/>
<select onchange=’location=this.options[this.selectedIndex].value;’ style=’width:200px’>
<option>Label Gadget Name</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:label.url’><data:label.name/>
</option>
</b:loop>
</select>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>
যদি সব ঠিকি থাকে তবে SAVE TEMPLATE এ ক্লিক করে শেভ করুন। উপরের কোডটির দুটো জায়গায় সম্পাদনা করতে হবে।যে সাইডবারে রাখবেন, তার মাপ অনুযায়ী 200px মানটি পরিবর্তন করুন। লেবেল গেজেটটির নাম পরিবর্তন করার জন্য Label থেকে বিভাগ বা ক্যাটাগরি নাম দিয়ে দিন । ব্যাস কাজ শেষ।
আশা করি বুঝতে পেড়েছেন, করতে গিয়ে কোন সমস্যায় পরলে দয়া করে মন্তব্য করতে ভুলবেন না যেন। সবাই ভাল থাকুন, সুস্থ থাকুন
0 comments