Jul 24, 2015

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

ব্লগার Conditional ট্যাগ ব্যবহার করে ব্লগের Widgets গুলিকে বিভিন্নভাবে সাজানো যায়। ব্লগে এমন কিছু Widgets থাকে যেগুলি শুধুমাত্র পোষ্ট পেজে দেখানোর প্রয়োজন হয়, আবার কিছু Widgets থাকে যেগুলি শুধুমাত্র হোম পেজে দেখালেই হয়। এই কাজটি করার জন্য ব্লগার Widgets গুলিতে Conditional ট্যাগ ব্যবহার করতে হয়। অনেকের মনে প্রশ্ন জাগে যে, কিভাবে ব্লগার Widget টি শুধুমাত্র Home Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র Sub Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র Static Page এ দেখাবো? কিভাবে ব্লগার Widget টি শুধুমাত্র কোন নির্দিষ্ট একটি Page এ দেখাবো? আজ আমরা এই প্রত্যেকটি প্রশ্নের জবাব নিয়ে বিস্তারিত আলোচনা করবো, ইনশাআল্লাহ্।
Blogger-Widgets-Show-Hide
ব্লগার উইজেটগুলিকে বিভিন্নভাবে সাজানো এবং কন্ট্রল করার জন্য Conditional ট্যাগ খুবই গুরুত্বপূর্ণ। এই ছোট ছোট Conditional ট্যাগ গুলিকে সামান্য কাষ্টোমাইজ করে ব্লগার Widgets গুলিকে ইচ্ছামত সাজানো যায়।

কিভাবে করতে হয়ঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
blogger-template-edit
  •  তারপর কিবোর্ড হতে 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 করে নিবেন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

7 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

  1. ঠিক মতো করলাম,কিন্তু কাজ করছে না তো....

    ReplyDelete
    Replies
    1. Show কিংবা Hide করার জন্য কেবলমাত্র লাল কালারের Conditional Tag গুলি ঠিক জায়গামত বসালে অবশ্যই কাজ করবে। ধন্যবাদ..

      Delete
  2. How to Hide Sidebar MUltitab in blogger static page...(ex:sitemap,about us etc)?

    ReplyDelete
    Replies
    1. প্রথমে একটি static page তৈরী করে সেটির Html Editor এ #sidebar {display:none} করে দিলেই হয়ে যাবে। তবে এ ক্ষেত্রে আপনার ব্লগের সাইডবার আইডি যদি ভিন্ন হয়, তাহলে #sidebar এর পরিবর্তে আপনার ব্লগের সঠিক আইডি দিতে হবে।

      Delete
    2. #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 টা যদি বলতেন তাহলে খুব ভালো হত...

      Delete
    3. আমি আগেও বলেছি আপনার ব্লগের সাইডবারের সঠিক আইডি খুজে তারপর display:none করতে হবে। এভাবে যে কোন Class এবং ID Hide করতে পারবেন।

      Delete
    4. আমি আপনার ফেসবুক এ হেল্প চেয়ে একটা ফটো পাঠিয়েছি...দেখে আমাকে বলেন

      Delete

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: