Group Blog
 
<<
ธันวาคม 2554
 123
45678910
11121314151617
18192021222324
25262728293031
 
14 ธันวาคม 2554
 
All Blogs
 
การตกแต่งบล็อกสำหรับมือใหม่ # 15 การแทรกแถบค้นหาข้อมูล (Google Custom Search) ไว้ในบล็อก

Google Custom Search เป็นบริการหนึ่งของ Google ใช้สำหรับค้นหาข้อมูลในเว็บไซต์ใดเว็บไซต์หนึ่งได้อย่างมีประสิทธิภาพ เช่น ค้นหาข้อมูลเฉพาะที่อยู่ในบล็อกของท่าน โดยการสร้างแถบค้นหาใส่ไว้ในบล็อกนั้นเลย เหมือนที่ปรากฏในบล็อกของผม ลักษณะนี้



ตัวอย่างผลลัพธ์จากการค้นหา คล้ายกับค้นหาด้วยกูเกิล แต่จะเป็นข้อมูลที่อยู่ในบล็อกของเราล้วน ๆ




บริการ Google Custom Search เป็นบริการที่ไม่เสียค่าใช้จ่าย สามารถทำได้ด้วยตนเองไม่ยากจนเกินไปนัก ด้วยวิธีการที่จะแนะนำต่อไปนี้ครับ

1.เตรียมการก่อน

เนื่องจากบริการ Google Custom Search เป็นบริการที่ให้กับสมาชิก Google ดังนั้นท่านจะต้องมี e-mail ของ Google (หรือ gmail) ถ้ามี e-mail นี้แล้วก็ข้ามไปยังขั้นตอนที่ 2. เลย แต่ถ้ายังไม่มีก็ต้องสมัครเป็นสมาชิกก่อน ที่ mail.google.com

2. พร้อมแล้วลงมือกันเลย

2.1 เข้าไปยังเว็บไซต์ Google Custom Search ที่ //www.google.com/cse/ แล้วคลิกที่แถบ “สร้าง Custom Search Engine”




2.2 กรอกอีเมลและรหัสผ่าน แล้วคลิกที่ปุ่ม “ลงชื่อเข้าใช้งาน”




2.3 เข้าสู่ระบบแล้ว คลิกที่ปุ่ม “สร้าง Custom Search Engine” อีกครั้ง (หรือถ้าต้องการแก้ไขเครื่องมือที่เคยสร้างไว้แล้ว คลิกที่คำว่า “จัดการเครื่องมือค้นหาที่มีอยู่ของคุณ”)




2.4 กรณีที่ต้องการสร้างเครื่องมือใหม่ จะมีแบบฟอร์มให้กรอกข้อมูล 5 รายการ รายการที่ 3 และ 5 คงไว้ตามเดิม




2.5 รายการที่ 1, 2, 4 พิมพ์ข้อมูลลงไปดังตัวอย่าง โดยเฉพาะรายการที่ 4 ให้ระบุชื่อบล็อกของท่าน ตามด้วยเครื่องหมาย /* เช่น ampols.bloggang.com/* (เครื่องหมาย /* แสดงว่าต้องการให้ค้นหาข้อมูลทั้งหมดในบล็อกนี้)




2.6 หลังจากนั้น ให้คลิกจนมีเครื่องหมายถูก หน้าข้อความ “ฉันได้อ่านและยอมรับข้อกำหนดในการให้บริการ” และ คลิกที่ปุ่ม “ถัดไป” ซึ่งอยู่ด้านล่างของหน้า


2.7 จะปรากฏหน้าต่างใหม่ มีโค้ดเบื้องต้นที่สามารถนำไปใช้งานได้แล้ว แต่เราจะปรับแต่งอีกเล็กน้อย ให้คลิกที่คำว่า “รูปลักษณ์และความรู้สึก”




2.8 ที่แถบเครื่องมือด้านซ้ายมือ เลือก “แผงควบคุม” และ “ไซต์” และเพิ่มข้อมูลในกรอบสี่เหลี่ยมสีแดงข้างล่างนี้ลงไป (เปลี่ยนคำว่า ampols เป็นชื่อแรกของบล็อกของท่าน เช่น redrose.bloggang.com ก็จะพิมพ์ลงไปลักษณะนี้ www.bloggang.com/*id=redrose เป็นต้น




2.9 ที่แถบเครื่องมือด้านซ้ายมือ เลือก “แผงควบคุม” และ “รูปลักษณ์และความรู้สึก”

ในหัวข้อ “การจัดวาง” เลือกแบบสุดท้าย “ที่ฝากไว้กับ Google”

ในหัวข้อ “เลือกหรือกำหนดค่ารูปแบบ” เลือก 1 ใน 6 แบบที่มีให้ แล้วดู “ตัวอย่างองค์ประกอบการค้นหา” ที่อยู่ด้านล่าง

เมื่อปรับเปลี่ยนพอใจแล้ว ให้คลิกที่ปุ่ม “บันทึกและรับรหัส” (หรือ ที่แถบเครื่องมือด้านซ้ายมือ เลือก “แผงควบคุม” และ “รับโค้ด”)




จะได้โค้ดลักษณะนี้




3. การบรรจุโค้ดในบล็อก

ให้ Copy โค้ดทั้งหมดนี้ไปวางไว้ในส่วนของ Script area ของบล็อกเรา (ถ้าลืมไปแล้วว่าอยู่ตรงไหน ให้อ่านในบทเรียน #1) ก็จะได้แถบ Google Custom Search อยู่ในบล็อกตามต้องการแล้วครับ.



Create Date : 14 ธันวาคม 2554
Last Update : 14 ธันวาคม 2554 10:43:31 น. 8 comments
Counter : 2967 Pageviews.

 
ขอบคุณคะ ได้ แล้ว


โดย: สร้อยสีม่วง วันที่: 14 ธันวาคม 2554 เวลา:12:36:18 น.  

 


เดี๋ยวไว้มาอ่านโดยละเอียดอีกครั้งค่ะ
วันนี้แอบมาดูก่้อนว่าอัพอะไร


โดย: d__d (มัชชาร ) วันที่: 21 ธันวาคม 2554 เวลา:23:25:33 น.  

 
สวัสดีครับคุณดี

เช้านี้ที่เชียงรายอากาศหนาวเย็น 13 องศาติดต่อกันมา 3 วันแล้ว

ขอเชิญไปชมดอกไม้งามที่สวนแม่ฟ้าหลวงเมื่อวันอาทิตย์ที่ผ่านมาที่นี่ครับ

//www.pantip.com/cafe/blueplanet/topic/E11475708/E11475708.html


โดย: ทองกาญจนา วันที่: 22 ธันวาคม 2554 เวลา:9:23:09 น.  

 

Happy


โดย: @NBC วันที่: 24 ธันวาคม 2554 เวลา:12:58:31 น.  

 



โดย: ฟ้าใสวันใหม่ วันที่: 24 ธันวาคม 2554 เวลา:21:38:50 น.  

 
ง่ะ ทำแล้วมันขึ้นแต่ช่องค้นหาอะค่ะ แต่ไม่ขึ้นว่าค้นหาในบล็อกเรา ทั้งที่ตอนแรกกรอก 1 2 4 แล้วอ้ะ เง่อ..

เราทำอะไรผิด ต้องไปแก้ตรงไหนยังไงอะคะ?


โดย: สาวไกด์ใจซื่อ วันที่: 29 ธันวาคม 2554 เวลา:9:56:24 น.  

 
สวัสดีค่ะ
แวะมาส่งความสุขข้ามปี
Happy New Year 2555 ค่ะ



โดย: pantawan วันที่: 31 ธันวาคม 2554 เวลา:20:08:23 น.  

 

สวัสดีปีใหม่ค่ะ




ขอบคุณที่แวะไปทักทาย
เริ่มแรกหัดทำ blog ก็ดูจาก blog คุณทองกาญจนา
ขอบคุณจริงๆ


โดย: pantawan วันที่: 1 มกราคม 2555 เวลา:23:23:11 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

ทองกาญจนา
Location :
เชียงใหม่ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 41 คน [?]




Friends' blogs
[Add ทองกาญจนา's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.