ADs by Techtunes ADs
ADs by Techtunes ADs

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

টিউন বিভাগ ওয়েব ডিজাইন
প্রকাশিত
জোসস করেছেন

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

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

ব্লগার উইজেটগুলিকে বিভিন্নভাবে সাজানো এবং কন্ট্রল করার জন্য Conditional ট্যাগ খুবই গুরুত্বপূর্ণ। এই ছোট ছোট Conditional ট্যাগ গুলিকে সামান্য কাষ্টোমাইজ করে ব্লগার Widgets গুলিকে ইচ্ছামত সাজানো যায়।

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

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
ব্লগার Widgets কিভাবে Show এবং Hide করতে হয়?
ব্লগার Widgets কিভাবে Show এবং Hide করতে হয়?
  •  তারপর কিবোর্ড হতে 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'>

ADs by Techtunes ADs

<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'>

ADs by Techtunes ADs

<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>

ADs by Techtunes ADs

</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>

ADs by Techtunes ADs

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

কোড কপি করুন

০৩। Widgets শুধুমাত্র Static Pages এ দেখানোর জন্যঃ

ADs by Techtunes ADs

<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>

ADs by Techtunes ADs

<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 ->

ADs by Techtunes ADs

<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>

ADs by Techtunes ADs

কোড কপি করুন

০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'>

ADs by Techtunes ADs

<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'>

ADs by Techtunes ADs

<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 করে নিবেন।
  • আমার ব্লগ

ADs by Techtunes ADs
Level 0

আমি সাঈম হাসনাঈন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 3 মাস 1 সপ্তাহ যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 1 টি টিউন ও 0 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস