การปรับแต่ง Widgets บน blogger ให้แสดงเฉพาะหน้าแรก
เราจะสั่งให้ Widgets โชว์แค่หน้าแรกได้อย่างไร ?
<b:if cond='data:blog.url == data:blog.homepageUrl'>
แสดงโค้ดของ Widgets
</b:if>ซึ่งความหมายของโค้ดด้านบนนี้ คือ สั่งให้ Widgets แสดงเฉพาะหน้าแรก data:blog.homepageUrl
ในการปรับ Widgets นั้นเราต้องค้นหา Widgets ที่เราสร้างขึ้นไว้ หากเราสร้าง Widgets ด้วย "HTML/JavaScript widget" ใส่ข้อมูลหรือสิ่งที่ต้องการให้แสดงใน widget ลงไปแต่อย่างลืมตั้งชื่อ title ของวิดเก็ตด้วยเพื่อง่ายต่อการค้นหาโค้ด
วิธีค้นหาโค้ด Widgets ที่เราสร้างขึ้นเพื่อปรับแต่ง
1. ไปที่ blogger >> การออกแบบ >> แก้ไข HTML2. ติ้กถูกที่ "ขยายเทมเพลตวิดเจ็ต" เพื่อป้องกันเราทำโค้ดเสีย
3. Ctrl + F ค้นหาโค้ดชื่อ title ของ Widgets ที่เรากำหนดขึ้นตอนสร้าง Widgets
ตัวอย่างชื่อ title Widgets ที่ผมสร้างขึ้นมีชื่อว่า "Widgets in blogger" ลักษณะของโค้ด Widgets ที่เจอจะประมาณนี้
<b:widget id='HTML2' locked='false' title='Widgets in blogger' 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>4. การแทรกโค้ดเพื่อให้ Widgets แสดงเฉพาะหน้าแรกของบล็อก
<b:widget id='HTML2' locked='false' title='Widgets in blogger' 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>5. ตรวจสอบโค้ดและผลลัพธ์ที่ได้
เทคนิคการซ่อนและแสดง Widgets บน blogger เราสามารถนำไปประยุกต์ใช้กับบล็อกของเราได้ เพิ่มความน่าสนใจให้กับบล็อกมากขึ้น
17 ความคิดเห็น:
ผมลองทำแล้วครับ แต่มันไม่แสดงCode มาให้เราแทรกได้..
ผมต้องจะให้ข้อความ"ยินดีต้อนรับ..." (รูปภาพ) แสดงแค่ในหน้าแรก โดยอาศัยการเพิ่ม Gedget แล้วแทรกCode รูปภาพลงไป แต่มันโชว์ทุกหน้าของBlog ต้องการให้โชว์หน้าแรกหน้าเดียวตามที่บทความนี้นำเสนอ แต่ผมไม่เข้าใจว่าCode ที่เราใส่ไปใน Widgets (HTML/JavaScript) มีไม่ปรากฎในหน้า"แก้ไขHTML"เลยไม่สารมารถแทรกCodeตามที่บทความนี้แนะนำได้ รบกวนช่วยไขข้อข้องใจด้วยครับ ขอบคุณครับ
เว็บบล๊อกที่มีปัญหา ---> http://loadmundeee.blogspot.com/
ขอบคุณมากๆๆ เลยครับ
ดีมาก ๆ เลยค่ะ
ขอบคุณมากมายครับ
ขอบคุณคับ มีประโยชน์มากเลย
ใช้ได้เฉพาะ Gadget HTML/Javascrips เองหรอคะ?
มีประโยชน์มากครับ
หาเงินออนไลน์ยังไง >>http://adf.ly/1VXkdn
ขอบคุณมากครับกำลังใำ Blog อยู่พอดีเลยครับ แทงบอลออนไลน์
เล่นบาคาร่ากัน สมัครบาคาร่า
https://webblogstudentmst.blogspot.com/2016/01/blog.html?showComment=1569693009947#c5452252736626198092
Thank you for suggesting good articles.
เว็บพนันไม่ผ่านเอเย่นต์
Such a good article.
ทีเด็ดบอลวันนี้5ดาว
ทางเข้าUfabet
เว็บพนันบอลไม่ผ่านเอเย่นต์
ฝากเว็บแทงบอลออนไลน์ด้วยจ้า
เว็บพนันบอลไม่ผ่านเอเย่นต์
เห็นอะไรไหมว่างๆเข้าไปกดดูสิ มีแจกเครดิตนะครับ
เว็บพนันบอลไม่ผ่านเอเย่นต์
แสดงความคิดเห็น