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

Untitled-1


การซ่อนแสดง 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>



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

ตอนนี้มีความคิดเห็น : 4 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. http://lh3.ggpht.com/_kTHILAicWEg/SzGPAFA5InI/AAAAAAAAAGQ/0auVpYgkAtA/html.JPG


    ถ้าผมจะซ่อนแกดเจดที่เห็นในโค้ดนี้ในหน้าอื่นที่ไม่ใช่หน้าแรกจะเพิ่มตรงไหนได้บ้างครับ

  1. @ ภัทรพงษ์
    1. ก่อนอื่นต้องคลิก ขยายแม่แบบเครื่องมือก่อนครับ
    2. จากในรูปเราสามารถซ่อน HTML3 และ HTML5 ได้แน่นอนครับ ส่วนที่เหลือต้องทดลองดูครับ

    3. ถ้าไม่ต้องการให้แสดงในหน้าแรก แนะนำให้เลือกใช้โค้ดในข้อ 2.2 ครับ
    4. แทรกโค้ดสีแดงเพิ่มเข้าไปในตำแหน่งเดียวกับตัวอย่างครับ

  1. อ้อ ผมไม่ได้กดขยายเครื่องมือ ก็ว่าทำไมโค้ดแปลกๆ

  1. ผมไม่อยากให้แสดงเมื่ออ่านบทความอะครับ(readmore)ต้องใส่โค้ดอะไรครับ

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel