সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ [ পর্ব-৩] : লেবেলকে ড্রপডাউন মেনুতে রূপান্তর

লেখক : , প্রকাশকাল : 10 August, 2011

আশাকরি আল্লাহর রহমতে সবাই ভাল আছেন।
আবার আসিলাম ফিরে প্রিয় earntricks এর ভুবনে। আজ অনেক দিন পর পোস্ট করতে বসলাম, সামনে বিশ্ববিদ্যালয়য়ের ভর্তি পরীক্ষা তাই পরা লেখা নিয়ে একটু বেস্ত সময় যাচ্ছে। সবাই দোয়া করবেন যাতে আমার স্বপ্ন পূরণ হয়।

আজ আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর করবেন। এটি অনেকেরই জানা থাকতে পারে। তবে ব্লগের মন্তব্য পরে যা বুজতে পারছি, এখানে অনেকেই আমার মত নতুন ব্লগার। আমি মনে করি তাদের এই পোস্টটি অনেক উপকারে লাগবে।

এভাবে ব্লগের লেভেল কে দেখালে  আপনার ব্লগ ডিজাইন সুন্দর দেখাবে এবং পাশাপাশি আপনার ব্লগের পেইজ লোড হওয়ার সময়ও কমে আসবে। আর আপনার ব্লগে যদি বিষয়ের সংখ্যা অনেক বেশি হয়ে যায়, যদি এটা আপনার নিয়ন্ত্রণের বাইরে চলে যেতে ধরে, তাহলে এখনি এই গেজেটটিকে ড্রপডাউন মেনুর মতো করে নিন। ব্লগের  জায়গা বাঁচবে।  আসুন তবে দেখে নেয়া যাক কিভাবে করবেন আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর।

১) প্রথমে ব্লগার.কম এ লগইন করে 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’>
<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>

পরীক্ষা করে দেখার জন্য নিচের PREVIEW তে ক্লিক করুন। আশা করি সব ঠিক ঠাকই আছে।
যদি সব ঠিকি থাকে তবে SAVE TEMPLATE এ ক্লিক করে শেভ করুন।
উপরের কোডটির দুটো জায়গায় সম্পাদনা করতে হবে।যে সাইডবারে রাখবেন, তার মাপ অনুযায়ী 200px মানটি পরিবর্তন করুন। লেবেল গেজেটটির নাম পরিবর্তন করার জন্য Label থেকে বিভাগ বা ক্যাটাগরি নাম দিয়ে দিন । ব্যাস কাজ শেষ।

আশা করি বুঝতে পেড়েছেন, করতে গিয়ে কোন সমস্যায় পরলে দয়া করে মন্তব্য করতে ভুলবেন না যেন। সবাই ভাল থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই আসিফ পাগলা সাব্বির।

comments

Comments

  1. সুন্দর গোছানো লেখা। ব্লগস্পটে যারা নতুন তাদের অনেক কাজে লাগবে। ধন্যবাদ শেয়ার করার জন্য সাব্বির :)।

  2. আপনাকেও অনেক ধন্যবাদ @ সুমন ভাই

  3. Reaz says:

    কোড টা ত পাইনা।

  4. খুব ভাল হয়েছে।

  5. Minhas says:

    আমার জুমলা সাইটে কিভাবে এধরনের ড্রপডাউন মেনু তৈরী করতে পারব।

  6. farid says:

    code ta kuhje paitesi na. ektu details din.

  7. Shahin says:

    vai thanks for share however I am not getting the code . please help me.

  8. Muhammad Rafiq says:

    ভাই! আমার ব্লগস্পট ব্লগে আপনার কোডটি দিয়েছি। কিন্তু erorr ধেখায়। না! পারলাম না।

  9. arafat says:

    Na vai jan palana cod ta……

  10. Selim says:

    ভাই! আমার ব্লগস্পট ব্লগে আপনার কোডটি দিয়েছি। কিন্তু erorr ধেখায়।

    আপনার টেমপ্লেটটি সুগঠিত না হওয়ার ফলে বিশ্লেষণ করা যাবে না৷ অনুগ্রহ করে নিশ্চিত হয়ে নিন যে সকল XML উপাদান যথাযথভাবে বন্ধ আছে৷ XML ত্রুটি বার্তা: Open quote is expected for attribute “{1}” associated with an element type “id”.
    Error 500

  11. ধন্নবাদ সাব্বির ভাই। সুন্দর একটি পোষ্ট শেয়ার করার জন্য। যারা ব্লগস্পটে ব্লগ খুলতে চায় তাদের অনেক উপকারে লাগবে

মন্তব্য প্রদান করুন

*