Thursday, March 30, 2017

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

এটি 23 পর্বের সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ চেইন টিউনের 1 তম পর্ব
আবার আসিল ফিরে প্রিয় টেকটিউনস আমাদের মাঝে । সামনে বিশ্ববিদ্যালয়য়ের ভর্তি পরীক্ষা তাই পরা লেখা নিয়ে একটু বেস্ত সময় যাচ্ছে। সবাই দোয়া করবেন যাতে আমার স্বপ্ন পূরণ হয়।
আজ আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর করবেন। এটি অনেকেরই জানা থাকতে পারে। তবে ব্লগের মন্তব্য পরে যা বুজতে পারছি, এখানে অনেকেই আমার মত নতুন ব্লগার। আমি মনে করি তাদের এই পোস্টটি অনেক উপকারে লাগবে।
এভাবে ব্লগের লেভেল কে দেখালে আপনার ব্লগ ডিজাইন সুন্দর দেখাবে এবং পাশাপাশি আপনার ব্লগের পেইজ লোড হওয়ার সময়ও কমে আসবে। আর আপনার ব্লগে যদি বিষয়ের সংখ্যা অনেক বেশি হয়ে যায়, যদি এটা আপনার নিয়ন্ত্রণের বাইরে চলে যেতে ধরে, তাহলে এখনি এই গেজেটটিকে ড্রপডাউন মেনুর মতো করে নিন। ব্লগের জায়গা বাঁচবে। আসুন তবে দেখে নেয়া যাক কিভাবে করবেন আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর।
  • ১) প্রথমে ব্লগার.কম এ লগইন করে dashboard থেকে আপনার desired ব্লগটার layout এ যান ।
  • ২) add a Gedjet ট্যাব এ ক্লিক করে সেখান থেকে একটি লেবেল গেজেট নিয়ে সেভ করুন।
  • ৩) এবার আপনাকে Layout থেকে Edit HTML ট্যাবে যেতে হবে।
  • ৪) Expand Widget Templates লেখার পাশের চেকবক্সে টিক চিহ্ন দিবেন না।
  • ৫) এবার contrl+F চেপে নিচের লাইনটি খুঁজে বের করুন ।
1
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>
৬) আশা করি পেয়ে গেছেন এখন খুঁজে পাওয়া লাইনটি সম্পূর্ণ মুছে দিয়ে নিচের কোডটি স্থাপন করুন।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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 থেকে বিভাগ বা ক্যাটাগরি নাম দিয়ে দিন । ব্যাস কাজ শেষ।
আশা করি বুঝতে পেড়েছেন, করতে গিয়ে কোন সমস্যায় পরলে দয়া করে মন্তব্য করতে ভুলবেন না যেন। সবাই ভাল থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই আসিফ পাগলা সাব্বির।
বিঃদ্র- এই টিউনটি আগে http://www.earntricks.com/760এখানে প্রকাসিত।

No comments:

Post a Comment