การเลือกซ่อนแสดง Gadget หรือ Sidebar

การซ่อนแสดง Gadget หรือ Widget (หรือ Sidebar หรือ Page element แล้วแต่จะเรียกนะครับ) มีข้อดีคือช่วยให้ประหยัดพื้นที่ของหน้าหลักและ ช่วยให้เปิดอ่านบทความต่างๆได้เร็วขึ้น  เพราะเราสามารถเลือกได้ว่า จะให้ Widget นั้นแสดงในหน้าหลักแต่ไม่แสดงในหน้าอื่นๆ หรือแสดงในหน้าอื่นๆ แต่ไม่แสดงในหน้าหลัก
ขั้นตอนการทำง่ายมากครับ ลองทำตามขั้นตอนนี้ครับ


1. ไปที่ แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> คลิก ขยายแม่แบบเครื่องมือ >> 
ให้กด Ctrl+F เพื่อค้นหาวลีด้านล่างนี้



<b:widget id='HTML



ซึ่งผลการค้นหาจะพบโค้ดลักษณะเช่นนี้





<b:widget id='HTML3' locked='false' title='Your Title name you gave to your widget' type='HTML'>



ตัวเลข 3 ที่เป็นสีแดงอาจจะเป็นเลขใดก็ได้




2. หลังจากที่พบโค้ดเหล่านั้นแล้วให้เติมโค้ดสีแดงลงไปในตำแหน่งที่เห็นดังนี้
2.1 กรณีที่ต้องการให้ Gadget หรือ Widget  นั้นแสดงในหน้าแรกเท่านั้นให้แทรกโค้ดสีแดงลงไปตามนี้ครับ



<b:widget id='HTML5' locked='false' title='Widget Title Name' 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>





2.2 กรณีที่ต้องการให้ Gadget หรือ Widget  นั้นแสดงเมื่ออ่านบทความเท่านั้นให้แทรกโค้ดสีแดงลงไปตามนี้ครับ



<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'> 
<b:includable id='main'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- 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>







2.3 และกรณีที่ต้องการให้ Gadget หรือ Widget  นั้นแสดงเมื่อเปิดแสดงคลังบทความของบล็อกให้แทรกโค้ดสีแดงลงไปตามนี้ครับ



<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'> 
<b:includable id='main'> 
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<!-- 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>







2.4 และกรณีที่ต้องการให้ Gadget หรือ Widget  นั้นแสดงในหน้าแรก+หน้าป้ายกำกับ+หน้า Searchให้แทรกโค้ดสีแดงลงไปตามนี้ครับ



<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'> 
<b:includable id='main'> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<!-- 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>





เมื่อดำเนินการเสร็จแล้วก็บันทึกแม่แบบแล้วลองเปิดบล็อกทดสอบดูครับ หากมีข้อสงสัยเชิญสอบถามได้เลยครับ