How to hide/show gadgets/widgets anywhere you want in blogger ?

বার দেখা হয়েছে.

 Read in English
বাংলায় পড়ুন

The blog contains a lot of gadgets or widgets. But most of us do not want to show all gadgets or widgets in the same page for example, if the home page already has an gadget then he may not want to show the same gadget in the post page. After adding the gadget / widget you can specify that in which page you want to show the gadget or want to hide it. Let's see the steps

Methods to hide Gadgets or widgets in blogger:

Step-1: Suppose, a widget named "Total Hits" you want to show it on some selected pages and hide it from some selected pages. For this first go to Blogger dashboard. Then click on Edit Html from Template. Inside it find "Total Hits" widget using "Widget ID" .

  

Step-2:  Suppose, you find the code like below. Now you decide that in which place you want to show the widget / want to hide it .

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

For example: Just in the home page, Just in the post page.

1. To show the widget only in homepage add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

2.  To show the widget only in post pages add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

3.To hide widget in post pages add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

4. To show the widget in a specific page add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the 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. To hide the widget in a particular page add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the 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>

6. To show the widget only in static pages add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

7. To hide the widget in static pages add the highlighted two lines in your widget or gadget code like below.ইসটাটিক (static) পেজে উইজেটটি দেখাতে না চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

8. To show the widget only in Archive pages add the highlighted two lines in your widget or gadget code like below.

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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>

Step-3: Click on save button. Now widget will appear only on your desired place.

ব্লগারে অনেক গ্যাজেট বা উইজেট থাকে। কিন্তু অনেক চান না যে সব গ্যাজেট বা উইজেট একই পেজে দেখাতে যেমনঃ হোম পেজে একটা গ্যাজেট বা উইজেট দেখালে সেটা অন্য পেজে লুকিয়ে রাখতে চান । এই গ্যাজেট বা উইজেট অ্যাডের পর আপনি নির্ধারণও করতে পারবেন যে কোন পেজে কোন গ্যাজেট বা উইজেট টা আপনি দেখাবেন অথবা কোনটা দেখাবেন না । তো চলুন ধাপ গুলো দেখা যাকঃ 

ব্লগারে গ্যাজেট বা উইজেট লুকিয়ে রাখার পদ্ধতিঃ

ধাপ-১ঃ ধরুন টোটাল হিটস (Total Hits) নামে উইজেটটি যেটা আপনি কিছু জায়গায় দেখাবেন আর কয়েকটি জায়গাতে দেখাবেন না। তো এর জন্য প্রথমে ব্লগারড্যাশবোর্ডে যান। তারপর টেম্পলেট (Template) থেকে এডিট এইচটিএমএল(Edit Html) এ ক্লিক করুন। এর ভিতর টোটাল হিটস নামের উইজেটটি  "উইজেট আইডি" এর মাধ্যমে খুজে বের করুন।

  

ধাপ-২ঃ  ধরুন আপনি নিচের মত কোড খুঁজে পেলেন।এবার আপনি সিধান্ত নিবেন যে আপনি কোন জায়গায় রিসেন্ট পোস্ট নামে উইজেটটি দেখাতে চান অথবা দেখাতে চান না।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

যেমনঃ শুধু হোমে পেজে, শুধু পোস্ট পেজে,

১। শুধু হোমে পেজে উইজেটটি (Widget) দেখাতে চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

২। শুধু পোস্ট পেজে উইজেটটি দেখাতে চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

৩।পোস্ট পেজে উইজেটটি দেখাতে না চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

৪। শুধু বিশেষ কোন পেজে উইজেটটি দেখাতে চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the 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>

৫। বিশেষ কোন পেজে উইজেটটি দেখাতে না চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the 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>

৬। শুধু ইসটাটিক (static) পেজে উইজেটটি দেখাতে চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

৭।ইসটাটিক (static) পেজে উইজেটটি দেখাতে না চাইলে উপরের কোড গুলোর মধ্যে নিচের মত করে দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' 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>

৮। শুধু আর্কাইভ (archive) পেজে উইজেটটি দেখাতে চাইলে উপরের কোড গুলোর মধ্যে আর দুইটা লাইন যোগ করুন।

<b:widget id='HTML2' locked='false' title='Total Hits' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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>

ধাপ-৩ঃ টেম্পলেটটি সেভ (Save) করুন। এবার শুধু উইজেটটি আপনার কাঙ্ক্ষিত জাগায় প্রদর্শিত হবে।