Blogger: ปุ่มแท็บแบบเปิดในหน้าต่างใหม่


บทความนี้จะเป็นการทำให้ปุ่มแท็บ (Tab) ที่ใช้สำหรับเลือกหน้าในบล็อกและเชื่อมต่อไปสู่เว็บอื่น ที่ตามปกติเป็นชนิดเปิดหน้าเว็บขึ้นแทนที่เนื้อหาในหน้าเดิม ให้ลิงก์เหล่านี้เปลี่ยนกลายเป็นลิงก์ที่เมื่อคลิกแล้วจะสั่งเปิดหน้าเว็บเพิ่มขึ้นมาใหม่ (Make Tabs Open In A New Window) โดยสามารถทำได้ดังนี้

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


ขั้นตอนที่ 2. สั่งค้นหา
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>


ขั้นตอนที่ 3. ให้สังเกตโค้ดในบรรทัดหาเจอนั้นและอีกสองบรรทัดถัดมา ซึ่งรวมได้ทั้งหมด 3 บรรทัดก็คือเป้าหมายการแก้ไขของบทความนี้โดยถูกเขียนไว้ว่า
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>



ขั้นตอนที่ 4. แทนที่โค้ดเป้าหมายที่ระบุในขั้นตอนที่แล้วทั้ง 3 บรรทัดนั้นด้วยโค้ดใหม่ข่างล่างนี้
            <li class='selected'><a expr:href='data:link.href' target="_blank"><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' target="_blank"><data:link.title/></a></li>



ขั้นตอนที่ 5. จากนั้นกดปุ่ม 'บันทึกเทมเพลต' ก็เสร็จแล้ว

อธิบายเพิ่มเติม
นอกจากนี้อาจมีผู้ต้องการให้ลิงก์ทั้งหมดภายในบล็อกกลายเป็นชนิดสั่งเปิดในหน้าต่างใหม่ก็สามารถทำได้ด้วยบทความข้างล่างนี้ครับ
http://tip.maxlayout.com/2009/11/blogger_04.html

Post Status




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

Pongpop Srisophon กล่าวว่า...

ขอบคุณสำหรับความรูปครับ อันนี้ดีมากเลยครับ ขอถามต่อว่า...
ถ้าเราเลือกเฉพาะบางได้หรือไม่ครับ

ปล.ที่นี่น่าจะมีเว็บบอร์ด สำหรับความเห็นที่เป็นเรืองอื่นๆ บ้างนะครับ เพราะบางทีมันมีน้องเรื่องแล้วไม่รู้จะไปบอกที่ใหนดี... ฮ่า

ขอบคุณครับ

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

วิธีแทรกลิงก์แบบเปิดในหน้าต่างใหม่ลงไปแค่บางอันก็ทำได้ตามบทความนี้ครับ
http://tip.maxlayout.com/2013/07/blogger-add-different-link-to-page-tab.html

ส่วนเว็บบอร์ดนั้นต้องขอลองคิดดูก่อนครับ

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