อธิบายเพิ่มเติม
จะมีลักษณะเหมือนเครื่องมือรายชื่อลิงก์อันเดิมจากบทความด้านล่างนี้ แต่จะมีช่องค้นหาเพิ่มขึ้นมาครับ
http://tip.maxlayout.com/2010/12/merge-pagelist-status-into-linklist.html
ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'การออกแบบ > แก้ไข HTML' (ไม่ต้องสั่ง'ขยายแม่แบบเครื่องมือ')
ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
<b:widget id='PageList
ขั้นตอนที่ 3. เมื่อค้นหาก็จะพบโค้ดลักษณะเหมือนด้านล่างนี้
<b:widget id='PageList1' locked='false' title='หน้าเว็บ' type='PageList'/>
ขั้นตอนที่ 4. แทนที่โค้ดในขั้นตอนที่แล้วด้วย
<b:widget id='LinkList123' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<!-- Google custom search box Start -->
<div class='search-box' style='height:22px; margin:3px 1px 0 0; color:#000000; float:right;'>
<form action='http://www.google.com/cse' id='searchform' method='get'>
<input name='cx' type='hidden' value='006897406992532767808:mixuqnmxquy'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Type text to search";}' onfocus='if (this.value == "Type text to search") {this.value = "";}' size='31' type='text' value='Type text to search'/><button type='submit'><span>Search</span></button></input>
</form></div>
<!-- Google custom search box End -->
<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. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์
อธิบายเพิ่มเติม
อย่าลืมแทนที่ ID ของเตรื่องมือค้นหาจากเดิมที่เขียนว่า
006897406992532767808:mixuqnmxquy
เพื่อแสดงข้อมูลค้นหาในส่วนที่คุณต้องการ
สำหรับผู้ที่ยังไม่มี ID ของ Google Custom Search Engine ให้ดูวิธีสมัครตามลิงก์บทความด้านล่างนี้ครับ
http://tip.maxlayout.com/2010/07/blogger-google-custom-search.html
นอกจากนี้หากไม่ชอบคำค้นหาเริ่มต้นที่เขียนไว้ว่า
Type text to search
ก็สามารถแทนที่ด้วยคำอื่นที่ชอบได้เลย
และถ้าอยากลดหรือขยายขนาดช่องค้นหานี้ให้แก้ไขที่
size='31'
ส่วนผู้ที่ต้องการปรับแต่งหน้าตาหรือตำแหน่งของเครื่องมือค้นหาได้ที่
<div class='search-box' style='height:22px; margin:3px 1px 0 0; color:#000000; float:right;'>
0 ความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น