ব্লগার Widgets কিভাবে Show এবং Hide করতে হয়?

ব্লগার 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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

• উপরের উইজেটটিতে আমার ব্লগের “সর্বশেষ পোষ্ট” উইজেটটি উদাহরণ হিসেবে দেখাচ্ছি। আমার ব্লগের এই উইজেটটি হোম পেজে শো করবে না, তবে যে কোন পোষ্ট পেজে গেলে দেখতে পাবেন।

কোড ট্যাগ পরিচিতিঃ

1. এখানে ‘Item’ বলতে শুধুমাত্র পোষ্ট পেজকে বুঝাবে।
2. এখানে ‘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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 করে নিবেন।

পোস্ট রেটিং করুন

আরও নতুন পোস্ট পুরানো পোস্ট