ব্লগার Conditional ট্যাগ ব্যবহার করে ব্লগের Widgets গুলিকে বিভিন্নভাবে সাজানো যায়। ব্লগে এমন কিছু Widgets থাকে যেগুলি শুধুমাত্র পোষ্ট পেজে দেখানোর প্রয়োজন হয়, আবার কিছু Widgets থাকে যেগুলি শুধুমাত্র হোম পেজে দেখালেই হয়। এই কাজটি করার জন্য ব্লগার Widgets গুলিতে Conditional ট্যাগ ব্যবহার করতে হয়। অনেকের মনে প্রশ্ন জাগে যে, কিভাবে ব্লগার Widget টি শুধুমাত্র Home Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র Sub Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র Static Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র কোন নির্দিষ্ট একটি Page এ দেখাবো? আজ আমরা এই প্রত্যেকটি প্রশ্নের জবাব নিয়ে বিস্তারিত আলোচনা করবো, ইনশাআল্লাহ্।
ব্লগার উইজেটগুলিকে বিভিন্নভাবে সাজানো এবং কন্ট্রল করার জন্য Conditional ট্যাগ খুবই গুরুত্বপূর্ণ। এই ছোট ছোট Conditional ট্যাগ গুলিকে সামান্য কাষ্টোমাইজ করে ব্লগার Widgets গুলিকে ইচ্ছামত সাজানো যায়।
কিভাবে করতে হয়ঃ
- প্রথমে আপনার ব্লগে লগইন করুন।
- এরপর Template > Edit Html এ ক্লিক করুন।
- তারপর কিবোর্ড হতে Ctrl+F চেপে প্রত্যেকটি Html ট্যাগগুলি খোঁজে বের করতে হবে। কোডগুলি Expand করলে ঠিক নিচের মত দেখতে পাবেন।
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
- উপরের উইজেটটিতে আমার ব্লগের “সর্বশেষ পোষ্ট” উইজেটটি উদাহরণ হিসেবে দেখাচ্ছি। আমার ব্লগের এই উইজেটটি হোম পেজে শো করবে না, তবে যে কোন পোষ্ট পেজে গেলে দেখতে পাবেন।
কোড ট্যাগ পরিচিতিঃ
- এখানে ‘Item’ বলতে শুধুমাত্র পোষ্ট পেজকে বুঝাবে।
- এখানে ‘Index’ বলতে Homepage এবং Search/Label Pages বুঝাবে।
০১। Widgets শুধুমাত্র Homepages এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০২। Widgets Homepages থেকে Hide করার জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০৩। Widgets শুধুমাত্র Static Pages এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০৪। Widgets Static Pages থেকে Hide করার জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০5। Widgets শুধুমাত্র নির্দিষ্ট কোন Pages এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of Selected Post"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০6। Widgets শুধুমাত্র নির্দিষ্ট কোন Pages থেকে Hide করার জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of Selected Post"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০৭। Widgets শুধুমাত্র Home Pages এর First Page এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:post.isFirstPost'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০৮। Widgets শুধুমাত্র Index Pages এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
০৯। Widgets Index Pages থেকে Hide করার জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
১০। Widgets শুধুমাত্র Search Pages এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchLabel'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
১১। Widgets শুধুমাত্র Mobile Browsers এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
১২। Widgets শুধুমাত্র Computer Browsers এ দেখানোর জন্যঃ
<b:widget id='HTML4' locked='false' title='সর্বশেষ পোষ্ট' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
- প্রত্যেকটি নতুন Conditional Statement যুক্ত করার পর অবশ্যই ব্লগার টেমপ্লেট Save করে নিবেন।
ঠিক মতো করলাম,কিন্তু কাজ করছে না তো....
উত্তরমুছুনShow কিংবা Hide করার জন্য কেবলমাত্র লাল কালারের Conditional Tag গুলি ঠিক জায়গামত বসালে অবশ্যই কাজ করবে। ধন্যবাদ..
মুছুনHow to Hide Sidebar MUltitab in blogger static page...(ex:sitemap,about us etc)?
উত্তরমুছুনপ্রথমে একটি static page তৈরী করে সেটির Html Editor এ #sidebar {display:none} করে দিলেই হয়ে যাবে। তবে এ ক্ষেত্রে আপনার ব্লগের সাইডবার আইডি যদি ভিন্ন হয়, তাহলে #sidebar এর পরিবর্তে আপনার ব্লগের সঠিক আইডি দিতে হবে।
মুছুন#sidebar {display:none} দিলে কাজ করছে না..sidebar_Multitab এর heading (ex:popular tab,comment tab,blog archive ) এই তিনটা Widgets এর Heading Show করছে,আমি এই Sidebar_Multitab এর Widgets টা Hide করেছি,কিন্তু Nav_tav/ এর Title টা Hide করতে পারছি না...আপনি এই টা Hide করার পুরো Process টা যদি বলতেন তাহলে খুব ভালো হত...
মুছুনআমি আগেও বলেছি আপনার ব্লগের সাইডবারের সঠিক আইডি খুজে তারপর display:none করতে হবে। এভাবে যে কোন Class এবং ID Hide করতে পারবেন।
মুছুনআমি আপনার ফেসবুক এ হেল্প চেয়ে একটা ফটো পাঠিয়েছি...দেখে আমাকে বলেন
মুছুন