Blogger: แทนที่หน้าเว็บด้วยรายชื่อลิงก์โดยมีสถานะคงเดิม


แต่เดิมนั้นปัญหาของการแทนที่ 'Gadget หน้าเว็บ' ด้วย 'Gadget รายชื่อลิงก์' ด้วยวิธีใช้เมาส์ลากมาวางแทนที่ในเมนู 'องค์ประกอบของหน้า' เพื่อสร้างลิงก์ไปภายนอกบล็อก นั้นก็คือต้องเสียสถานะลิงก์ Active ในขณะที่กำลังเปิดดูหน้าเว็บอิสระในบล็อกตามแบบที่ 'Gadget หน้าเว็บ' เคยมีอยู่ไป ซึ่งสามารถแก้ไขได้โดยวิธีแทนที่ 'Gadget หน้าเว็บ' ให้เป็น 'Gadget รายชื่อลิงก์' จากการแก้ไขแม่แบบดังด้านล่างนี้

อธิบายเพิ่มเติม
ถ้าต้องการแบบที่มีช่องค้นหาติดอยู่ด้วยก็ให้ทำตามบทความนี้แทนครับ
http://tip.maxlayout.com/2012/04/blogger-search-form-in-linklist-tab.html


ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'รูปแบบ > แก้ไข HTML' (ไม่ต้องสั่ง'ขยายแม่แบบเครื่องมือ')


ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
<b:widget id='PageList


ขั้นตอนที่ 3. เมื่อค้นหาก็จะพบโค้ดลักษณะเหมือนด้านล่างนี้
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>


ขั้นตอนที่ 4. แทนที่โค้ดในขั้นตอนที่แล้วด้วย
<b:widget id='LinkList123' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
   <ul>
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
     <li class='selected'>
     <a expr:href='data:blog.homepageUrl'>Home</a>
     </li>
     <b:else/>
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
     </b:if>
     <b:loop values='data:links' var='link'>
       <b:if cond='data:blog.url == data:link.target'>
       <li class='selected'>
       <a expr:href='data:link.target'><data:link.name/></a>
       </li>
       <b:else/>
       <li><a expr:href='data:link.target'><data:link.name/></a>
       </li>
       </b:if>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



ขั้นตอนที่ 5. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์

ซึ่งหลังจากที่แก้ไขแล้วจะพบว่า 'Gadget หน้าเว็บ' จะหายไปจากบล็อก โดยให้เลือกเข้าไปที่
'การออกแบบ > องค์ประกอบของหน้า'
ก็จะพบว่ามี 'Gadget รายชื่อลิงก์' โผล่ออกมาแทน ซึ่งให้กดใส่รายชื่อหน้าเว็บและลิงก์ที่ต้องการลงไปโดยไม่จำเป็นต้องใส่ลิงก์ของหน้าบล็อกหน้าแรกเพราะมันจะปรากฎออกมาเองหลังใส่ลิงก์เพิ่มลงไปสักอันหนึ่ง
โดยสังเกตได้ว่า 'Gadget รายชื่อลิงก์' อันใหม่นี้เมื่อคลิกเข้าลิงก์ที่ตรงกับหน้าเว็บอิสระภายในบล็อกของเราก็จะแสดงผลเหมือนกับ  'Gadget หน้าเว็บ' แต่เราจะสามารถเพิ่มลิงก์ไปภายนอกบล็อกลงไปได้ด้วย


อธิบายเพิ่มเติม
ถ้าอยากเปลี่ยนลิงก์ไปสู่หน้าแรกของบล็อกจากคำว่า Home เป็นคำอื่น ก็ให้แก้โค้ดในบรรทัดที่ 7 ที่เขียนว่า
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
โดยให้เปลี่ยนคำว่า Home ที่อยู่ข้างหน้า </a> ให้เป็นคำอื่นได้ตามต้องการเช่นถ้าต้องการให้กลายเป็นคำว่า 'หน้าแรก' ก็ให้เปลี่ยนโค้ดบรรทัดนี้เป็น
     <li><a expr:href='data:blog.homepageUrl'>หน้าแรก</a></li>

Credit: http://www.bloggerplugins.org/2010/09/replace-page-list-gadget-with-link-list.html

Post Status




2 ความคิดเห็น:

Tonysuny กล่าวว่า...

ไม่เห็นมี <b:widget id='PageList เลยครับ

Max กล่าวว่า...

เพราะว่าในปัจจุบันนี้ระบบเมนูผู้ใช้ของ Blogger ได้มีการเปลี่ยนแปลงไปแล้วก็คือ
ทั้งเครื่องมือและโค้ดของ PageList นั้นจะไม่ถูกแสดงให้ผู้ใช้เห็นจนกว่าจะสั่งเปิดใช้งาน

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

จากนั้นให้ตั้งค่าตัวเลือก "แสดงหน้าเว็บเป็น" จากค่าเริ่มต้นที่เดิมเขียนไว้ว่า "ไม่แสดง" ให้กลายเป็นแบบอื่นแล้วกดปุ่ม "บันทึกการจัดเรียง" ทางมุมขวาบนก็เสร็จแล้วครับ เท่านี้ทั้งเครื่องมือและโค้ดของ PageList ก็จะปรากฏออกมาครับ

อย่างไรก็ตามสำหรับในปัจจุบันนี้ วิธีแก้ไขโค้ดตามบทความอันนี้ก็คงไม่จำเป็นอีกแล้ว เพราะว่าเมนูผู้ใช้ของ Blogger ได้พัฒนาขึ้นแล้ว
โดยให้ลองสังเกตดูในส่วนของเมนูจัดการ "หน้าเว็บ" นั้นจะมีตัวเลือก "หน้าเว็บใหม่" ซึ่งสามารถกดสั่งเปลี่ยนเป็น "ที่อยู่เว็บ" ได้เลย ทำให้การกำหนดลิงก์ปลายทางของเครื่องมือ PageList นั้นทำได้อย่างสะดวกกว่าในอดีตมากครับ

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

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น