Blogger: แทรกลิงก์ที่มีวิธีเปิดแตกต่างจากพวกลงในปุ่มแท็บ

บทความนี้จะเป็นการแทรกลิงก์ที่มีวิธีเปิดแตกต่างจากลิงก์อื่นที่อยู่ในแท็บเดียวกัน เช่นเมื่อต้องการให้มีลิงก์บางอันที่เป็นแบบเปิดขึ่้นในหน้าต่างใหม่โดยให้ลิงอันอื่นเปิดขึ้นในหน้าเดิมตามปกติ
หรือผู้ที่ใช้โค้ดแบบกำหนดให้ปุ่มแท็บทุกอันแบบเปิดในหน้าต่างใหม่ตามลิงก์นี้
http://tip.maxlayout.com/2013/07/blogger-tab-open-page-in-new-window.html
ก็สามารถทำได้เช่นเดียวกัน

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


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


ขั้นตอนที่ 3. ระบุช่วงการแก้ไขโดย ให้สังเกตจากจุดที่หาเจอในขั้นตอนที่แล้ว
มองถัดขึ้นไป 3 บรรทัดจะพบโค้ดเขียนว่า
<ul>
และดูถัดลงไป 5 บรรทัดจะพบโค้ดเขียนว่า
</ul>

โดยโค้ดที่เราสนใจจะอยู่ในช่วง <ul> จนถึง </ul>
ดังนั้นโค้ดทั้งหมดที่เราสนใจในบทความนี้ก็คือ
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <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>
          </b:if>
        </b:loop>
      </ul>



ขั้นตอนที่ 4. สร้างโค้ดลิงก์
ซึ่งเราสามารถแทรกลิงก์ที่มีวิธีเปิดแตกต่างออกไปจากลิงก์อื่นๆ ในแท็บเดียวกัน โดยการแทรกลิงก์ HTML ลงไปได้เลย ด้วยวิธีตามแบบด้านล่างนี้

ลิงก์แบบเปิดขึ้นในหน้าต่างเดิมมีวิธีเขียนคือ
<li><a href="URL_ปลายทางของลิงก์">ข้อความที่ใช้เป็นลิงก์</a></li>
ตัวอย่างลิงก์แบบเปิดขึ้นในหน้าต่างเดิมเช่น
<li><a href="http://www.maxlayout.com/">Max</a></li>

แต่ถ้าต้องการให้ลิงก์อันนั้นสั่งเปิดหน้าใหม่ขึ้นมาโดยไม่ปิดหน้าเว็บอันเดิมก็ให้ใส่ไปว่า
<li><a href="URL_ปลายทางของลิงก์" target="_blank">ข้อความที่ใช้เป็นลิงก์</a></li>
ตัวอย่างลิงก์แบบเปิดขึ้นในหน้าต่างใหม่เช่น
<li><a href="http://tip.maxlayout.com/" target="_blank">Tip</a></li>


ขั้นตอนที่ 5. ตำแหน่งวางลิงก์
โดยถ้าเราแทรกไว้ข้างใต้
<ul>
ที่อยู่บริเวณข้างบนสุดของโค้ดที่เราสนใจจะทำให้ลิงก์อันใหม่ไปอยู่ตรงส่วนหัวด้านซ้ายของแท็บ

แต่ถ้าเราแทรกไว้ข้างบนเหนือ
</ul>
ที่อยู่บริเวณข้างล่างสุดของโค้ดที่เราสนใจ จะทำให้ลิงก์อันใหม่ไปอยู่ตรงส่วนท้ายด้านขวาของแท็บ

ตัวอย่างเช่น
ถ้าต้องการแทรกลิงก์แบบเปิดในหน้าต่างเดิมที่ส่วนหัวของแท็บ และลิงก์แบบเปิดในหน้าใหม่ที่ส่วนท้ายของแท็บ จะเขียนได้ดังนี้
      <ul>
<li><a href="http://www.maxlayout.com/">Max</a></li>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <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>
          </b:if>
        </b:loop>
<li><a href="http://tip.maxlayout.com/" target="_blank">Tip</a></li>
      </ul>



ขั้นตอนที่ 6. จากนั้นกดปุ่ม 'บันทึกเทมเพลต' ก็เสร็จแล้ว
โดยถ้าต้องการแทรกลิงก์ลงไปในส่วนหัวหรือท้ายมากกว่าหนึ่งอันก็สามารถเขียนจากขั้นที่ 4 ต่อกันได้เลยครับ

Post Status




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

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