เว็บที่เขียนขึ้นเอง จะสามารถนำ Widget ไปติด จะไม่มีปัญหาเรื่องการป้องกันเหมือนเว็บฟรี หรือเว็บบล็อกต่าง ๆ ที่มักจะป้องกัน โค้ดประเภท Java script แต่การติดตั้ง จะต้องแทรกโค้ดในหน้าเว็บ โดยมีขั้นตอน ดังนี้

1. เลือก Widget ที่ต้องการ ลงทะเบียนติดตั้ง เพื่อให้ได้โค้ดสำหรับนำมาติดเว็บไซต์ อ่านรายละเอียดการติดตั้ง คลิก!!
   คำแนะนำ ในขั้นตอนที่ 2 การกำหนดรูปแบบ ควรเลือกความกว้าง ให้เหมาะสมกำตำแหน่งที่จะนำ widget ไปติดตั้ง เพราะหากเลือกขนาดกว้างเกินไป จะทำให้หน้าเว็บแตก และไม่สวยงาม    

2. นำโค้ด Widget ที่ได้ ไปแทรกลงในโค้ดของเว็บไซต์ ตำแหน่งที่ต้องการ ดังตัวอย่าง
   
3. เมื่อใส่โค้ดไปแล้ว Widget จะแสดงในหน้าเว็บ ตำแหน่งที่ต้องการ ดังตัวอย่าง
   

หมายเหตุ :  หากติดโค้ดแล้วเกิดปัญหา หรือ Widget ไม่แสดง ติดต่อแจ้งปัญหา พร้อมรายละเอียดดังนี้

•  URL เว็บไซต์ที่นำไปติดตั้ง
• อีเมล์ของท่าน เพื่อให้ทางทีมงานติดต่อแจ้งการแก้ไขกลับไปให้

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

เว็บไซต์ หรือบล็อก ที่ใช้ Wordpress ทำ แบ่งเป็น 2 ประเภท คือ

เว็บไซต์ หรือบล็อก ที่นำ Wordpress มาติดตั้ง Install เอง จะสามารถใส่ Widget ได้เอง ตามต้องการ โดยจะสามารถใส่ Widget ลงใน sidebar หรือแทรกโค้ดลงในหน้าเว็บเองก็ได้

 เข้าสู่ระบบ Admin เลือกเมนูเกี่ยวกับการปรับเปลี่ยนแก้ไขธีม โดยเลือก
Design และ  Widgets

 เพิ่ม Text Widget เข้าไป ใน Sidebar

  นำโค้ดที่ได้จากการลงทะเบียน Widget ใส่ลงที่ช่อง Text

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

เว็บไซต์ หรือบล็อก ที่ให้บริการฟรีบล็อก ที่ใช้ Wordpress ทำ เช่น S! Blogger , wordpress.com และอื่น ๆ ซึ่งฟรีบล็อกเหล่านี้ ส่วนมาก ใน Sidebar จะมีการป้องกัน script ไม่สามารถใส่ java script หรือโค้ดได้

สำหรับผู้ที่ใช้ S! Blogger จะสามารถนำ widget ไปใช้ได้ โดยทำตามขั้นตอน ดังนี้

1. เลือก “จัดการบล็อก“
2. เลือกสร้าง “เว็บเพจ“
3. เลือกแถบ “โค้ด HTML“
4. แล้วนำโค้ด Widget ที่ได้ ใส่ลงไป
5. จากนั้น “บันทึก” หน้าเว็บเพจ 
   ดูตัวอย่างเว็บไซต์ที่ติด widget คลิก!!

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

เพื่อนๆ หลายๆ คนอาจจะสงสัยว่ามี บล็อกฟรีที่ไหนที่สามารถใช้ widget ของพวกเราได้บ้าง??? ในขณะนี้ จะมีฟรีเว็บบล็อก ที่สามารถใช้ Widget ได้ 3 ที่ คือ S! Blogger , Blogspot.com หรือ Blogger.com และ Exteen.com  และเราจะเร่งพัฒนา widget ที่สามารถนำไปใช้ได้กับทุกที่ได้ ในเร็ววันนี้ ….

เรามีขั้นตอนการติดตั้ง Widget สำหรับผู้ที่ใช้ S! Blogger มาให้ดูกัน ตัวอย่าง เป็นการติดตั้ง Widget หมวดหมู่สารบัญเว็บไทย เพื่อทำให้บล็อกของเรา มีบริการสารบัญเว็บไทยไว้ให้บริการ โดยไม่ต้องทำเองให้เสียเวลา โดยทำตามขั้นตอน ดังนี้

1. เลือก “จัดการบล็อก“
2. เลือกสร้าง “เว็บเพจ“
3. เลือกแถบ “โค้ด HTML“
4. แล้วนำโค้ด Widget ที่ได้ ใส่ลงไป
5. จากนั้น “บันทึก” หน้าเว็บเพจ เราก็จะมี หมวดหมู่สารบัญเว็บไทย ไว้ให้บริการในเว็บบล็อกของเราแล้ว..
   ดูตัวอย่างการแสดง Widget คลิก!!

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

เมื่อเพื่อน ๆ เลือก Widget ลงทะเบียน และได้โค้ดแล้ว เมื่อนำโค้ดมาใส่ที่เว็บไซต์ แล้วเกิดปัญหา Widget ไม่แสดง จะมีหลายสาเหตุ ดังนี้

1. URL ที่ลงทะเบียน ไม่ตรงกันกับเว็บไซต์ที่นำ Widget ไปติด ดังนั้น ในขั้นตอนการลงทะเบียน ควรตรวจสอบความถูกต้องของ URL ที่กรอกให้ดีก่อน สามารถอ่านรายละเอียด คำแนะนำการลงทะเบียนได้ที่นี่
2. เว็บบล็อก ที่ใช้บริการฟรีบล็อก บางเว็บจะป้องกัน Script ทำให้ไม่สามารถใช้ Widget ของเราได้ในตอนนี้ ขณะนี้ ฟรีเว็บบล็อกที่สามารถใช้บริการ Widget ของเราได้ มี 3 เว็บ รายละเอียดเพิ่มเติม คลิกที่นี่

หากเพื่อน ๆ นำ Widget ไปติดตั้ง แล้วพบปัญหา ให้โพสต์คอมเม้นท์ แจ้งรายละเอียดไว้ แล้วเราจะรีบเข้าไปช่วยดู และตรวจสอบให้ ว่าเกิดจากสาเหตุอะไร และจะนำมาเขียนรายละเอียดอธิบายให้คนอื่น ๆ ที่อาจจะพบปัญหาเหมือนกัน ได้อ่านได้ด้วย โดยให้แจ้งรายละเอียดดังนี้

• URL เว็บไซต์ที่นำไปติดตั้ง
• อีเมล์ของท่าน เพื่อให้ทางทีมงานติดต่อแจ้งการแก้ไขกลับไปให้

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

SANOOK GURU Blog
Knowledge and Answer Center - Sharing Knowledge is power บล็อกแบ่งปันความรู้

สภานักศึกษา มหาวิทยาลัยอุบลราชธานี
Ubon Ratchathani University Student Council (ชื่อย่อ U.B.U.S.C.)

WeLoveBug.com
Software Testing Software Tester Blog - WeLoveBug.Com | Testing Doesn’t Finish…It’s Just STOP!

ทีทีน
เว็บไซต์สารพันบันเทิง ข่าวสาร และสาระทั่วไป

Librarian Magazine
เว็บไซต์ข่าวสารในวงการบรรณารักษ์และห้องสมุดไทย

AT COM INK
เว็บไซต์จัดทำสื่อนวัตกรรม สื่อการเรียน สื่อการสอน ผลงานวิชาการ

Learn Square
เว็บไซต์ระบบ e-Learning เป็นรูปแบบการเรียนรู้ทางคอมพิวเตอร์รูปแบบใหม่

*** หากใครที่นำ widget ไปติดแล้ว แต่ยังไม่มีรายชื่อ แจ้งเพิ่มเติมรายชื่อไว้ในนี้ได้เลย…. ***

แจก Widget หมวดสารบัญเว็บไทย แต่งเว็บฟรี สำหรับเว็บมาสเตอร์ทุกท่าน และเจ้าของเว็บบล็อก ที่อยากมีระบบค้นหา ไปติดที่เว็บไซต์ หรือเว็บบล็อก ไม่ต้องทำเองให้เสียเวลา เพียงแค่ลงทะเบียนติดตั้งง่าย ๆ เพียง 3 ขั้นตอนง่าย ๆ

ขั้นตอนการติดตั้ง

1. ลงทะเบียน กรอกข้อมูลเว็บไซต์ และอีเมล์
2. กำหนดรูปแบบ เลือกรูปแบบ ขนาด และสีสันของกล่องค้นหา ให้เหมาะกับเว็บไซต์ของเรา
3. Copy โค้ดไปติดที่เว็บ นำโค้ดที่ได้ ไปใส่ในเว็บไซต์ หรือเว็บบล็อก

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

ขั้นตอนที่ 1 ลงทะเบียน

ลงทะเบียนการใช้งาน เมื่อเพื่อนๆ คลิ๊กที่ปุ่มลงทะเบียน จะพบฟอร์มให้กรอกรายละเอียดการลงทะเบียนตามภาพ

“URL เว็บไซต์ของคุณ” ให้กรอก URL ของเว็บ หรือบล็อกที่คุณจะนำกล่องค้นหาไปติด

“อีเมล์” ให้กรอกอีเมล์ของคุณในช่องนี้ เพื่อทางเราจะได้แจ้งการอัพเดทข้อมูลให้คุณเป็นระยะ ๆ

ข้อแนะนำ การลงทะเบียน Widget หาก URL ที่ลงทะเบียนไม่ถูกต้อง จะทำให้โค้ดที่ได้ไป ไม่สามารถใช้งานได้ ดังนั้นควรตรวจสอบความถูกต้อง ในขั้นตอนการลงทะเบียน คำแนะนำเกี่ยวกับ URL ที่ใช้ลงทะเบียน คลิกที่นี่

เป็นไงบ้างครับ ไม่ยากเกินไปใช่มั้ยครับสำหรับขั้นตอนนี้ เมื่อเพื่อน ๆ กรอกข้อมูลเสร็จเรียบร้อย เพื่อน ๆ ก็กดปุ่ม “ลงทะเบียน” เพื่อไปในขั้นตอนต่อไป ได้เลย

ขั้นตอนที่ 2 กำหนดรูปแบบ

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

“ข้อความ” ให้กรอกคำที่คุณต้องการสำหรับปรากฎเป็นค่าเริ่มต้นในกล่องค้นหา ถ้าคุณไม่เลือกกล่องค้นหาที่ออกมาจะมีคำว่า “หาอะไร” ในช่องสืบค้น
“ความกว้าง” ใช้ในการกำหนดความกว้างของกล่อง (สามารถกำหนดได้ตั้งแต่ 330 - 550)
“รูปเว็บเด่น” เป็นการกำหนดว่า จะให้แสดงภาพเว็บเด่น หรือเว็บแนะนำหรือไม่
“สีและรูปแบบ” เป็นการเลือกสี และธีมของกล่องค้นหา

และเมื่อตั้งค่าเสร็จแล้วก็ลองกด Preview แสดงตัวอย่างดูได้ทันที จากนั้น Copy โค้ดไปติดที่เว็บไซต์ได้เลย…

ขั้นตอนที่ 3 Copy โค้ดไปติดที่เว็บ

Copy โค้ดไปติดที่เว็บ ลอกโค้ดไปติดที่เว็บไซต์ หลังจากที่กำหนดรูปแบบความสวยงาม ในขั้นตอนที่ 2 จนพอใจแล้ว ให้เพื่อนๆ ลองเลื่อนลงมาดูที่ด้านล่างสุด เพื่อนๆ จะเจอคำว่า “คัดลอกโค้ดไปติดที่เว็บไซต์” ขั้นตอนนี้ง่ายๆ เพียงแค่เพื่อนๆ กดปุ่มคำว่า “copy” จากนั้นก็นำโค้ดที่ copy ได้ไปใส่ที่เว็บไซต์ได้เลย

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

อยากได้ Widget ไปแต่งเว็บ .. คลิกลงทะเบียนเลย!!

แจก Widget หมวดหมู่และเว็บแนะนำ แต่งเว็บฟรี สำหรับเว็บมาสเตอร์ทุกท่าน และเจ้าของเว็บบล็อก ที่อยากมีระบบค้นหา ไปติดที่เว็บไซต์ หรือเว็บบล็อก ไม่ต้องทำเองให้เสียเวลา เพียงแค่ลงทะเบียนติดตั้งง่าย ๆ เพียง 3 ขั้นตอนง่าย ๆ

ขั้นตอนการติดตั้ง

1. ลงทะเบียน กรอกข้อมูลเว็บไซต์ และอีเมล์
2. กำหนดรูปแบบ เลือกรูปแบบ ขนาด และสีสันของกล่องค้นหา ให้เหมาะกับเว็บไซต์ของเรา
3. Copy โค้ดไปติดที่เว็บ นำโค้ดที่ได้ ไปใส่ในเว็บไซต์ หรือเว็บบล็อก

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

ขั้นตอนที่ 1 ลงทะเบียน

ลงทะเบียนการใช้งาน เมื่อเพื่อนๆ คลิ๊กที่ปุ่มลงทะเบียน จะพบฟอร์มให้กรอกรายละเอียดการลงทะเบียนตามภาพ

“URL เว็บไซต์ของคุณ” ให้กรอก URL ของเว็บ หรือบล็อกที่คุณจะนำกล่องค้นหาไปติด

“อีเมล์” ให้กรอกอีเมล์ของคุณในช่องนี้ เพื่อทางเราจะได้แจ้งการอัพเดทข้อมูลให้คุณเป็นระยะ ๆ

ข้อแนะนำ การลงทะเบียน Widget หาก URL ที่ลงทะเบียนไม่ถูกต้อง จะทำให้โค้ดที่ได้ไป ไม่สามารถใช้งานได้ ดังนั้นควรตรวจสอบความถูกต้อง ในขั้นตอนการลงทะเบียน คำแนะนำเกี่ยวกับ URL ที่ใช้ลงทะเบียน คลิกที่นี่

เป็นไงบ้างครับ ไม่ยากเกินไปใช่มั้ยครับสำหรับขั้นตอนนี้ เมื่อเพื่อน ๆ กรอกข้อมูลเสร็จเรียบร้อย เพื่อน ๆ ก็กดปุ่ม “ลงทะเบียน” เพื่อไปในขั้นตอนต่อไป ได้เลย

ขั้นตอนที่ 2 กำหนดรูปแบบ

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

“ข้อความ” ให้กรอกคำที่คุณต้องการสำหรับปรากฎเป็นค่าเริ่มต้นในกล่องค้นหา ถ้าคุณไม่เลือกกล่องค้นหาที่ออกมาจะมีคำว่า “หาอะไร” ในช่องสืบค้น
“ความกว้าง” ใช้ในการกำหนดความกว้างของกล่อง (สามารถกำหนดได้ตั้งแต่ 330 - 550)
“รูปเว็บเด่น” เป็นการกำหนดว่า จะให้แสดงภาพเว็บเด่น หรือเว็บแนะนำหรือไม่
“สีและรูปแบบ” เป็นการเลือกสี และธีมของกล่องค้นหา

และเมื่อตั้งค่าเสร็จแล้วก็ลองกด Preview แสดงตัวอย่างดูได้ทันที จากนั้น Copy โค้ดไปติดที่เว็บไซต์ได้เลย…

ขั้นตอนที่ 3 Copy โค้ดไปติดที่เว็บ

Copy โค้ดไปติดที่เว็บ ลอกโค้ดไปติดที่เว็บไซต์ หลังจากที่กำหนดรูปแบบความสวยงาม ในขั้นตอนที่ 2 จนพอใจแล้ว ให้เพื่อนๆ ลองเลื่อนลงมาดูที่ด้านล่างสุด เพื่อนๆ จะเจอคำว่า “คัดลอกโค้ดไปติดที่เว็บไซต์” ขั้นตอนนี้ง่ายๆ เพียงแค่เพื่อนๆ กดปุ่มคำว่า “copy” จากนั้นก็นำโค้ดที่ copy ได้ไปใส่ที่เว็บไซต์ได้เลย

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

       อยากได้ Widget ไปแต่งเว็บ .. คลิกลงทะเบียนเลย!!

แจก Widget กล่องค้นหา แต่งเว็บฟรีสำหรับเว็บมาสเตอร์ทุกท่าน และเจ้าของเว็บบล็อก ที่อยากมีระบบค้นหา ไปติดที่เว็บไซต์ หรือเว็บบล็อก ไม่ต้องทำเองให้เสียเวลา เพียงแค่ลงทะเบียนติดตั้งง่าย ๆ เพียง 3 ขั้นตอนง่าย ๆ

 ขั้นตอนการติดตั้ง

1. ลงทะเบียน กรอกข้อมูลเว็บไซต์ และอีเมล์
2. กำหนดรูปแบบ เลือกรูปแบบ ขนาด และสีสันของกล่องค้นหา ให้เหมาะกับเว็บไซต์ของเรา
3. Copy โค้ดไปติดที่เว็บ นำโค้ดที่ได้ ไปใส่ในเว็บไซต์ หรือเว็บบล็อก

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

ขั้นตอนที่ 1 ลงทะเบียน

 ลงทะเบียนการใช้งาน เมื่อเพื่อนๆ คลิ๊กที่ปุ่มลงทะเบียน จะพบฟอร์มให้กรอกรายละเอียดการลงทะเบียนตามภาพ

 ”URL เว็บไซต์ของคุณ” ให้กรอก URL ของเว็บ หรือบล็อกที่คุณจะนำกล่องค้นหาไปติด

 ”อีเมล์” ให้กรอกอีเมล์ของคุณในช่องนี้ เพื่อทางเราจะได้แจ้งการอัพเดทข้อมูลให้คุณเป็นระยะ ๆ

ข้อแนะนำ การลงทะเบียน Widget หาก URL ที่ลงทะเบียนไม่ถูกต้อง จะทำให้โค้ดที่ได้ไป ไม่สามารถใช้งานได้ ดังนั้นควรตรวจสอบความถูกต้อง ในขั้นตอนการลงทะเบียน คำแนะนำเกี่ยวกับ URL ที่ใช้ลงทะเบียน คลิกที่นี่

เป็นไงบ้างครับ ไม่ยากเกินไปใช่มั้ยครับสำหรับขั้นตอนนี้ เมื่อเพื่อน ๆ กรอกข้อมูลเสร็จเรียบร้อย เพื่อน ๆ ก็กดปุ่ม “ลงทะเบียน” เพื่อไปในขั้นตอนต่อไป ได้เลย

ขั้นตอนที่ 2 กำหนดรูปแบบ

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

 “ข้อความ” ให้กรอกคำที่คุณต้องการสำหรับปรากฎเป็นค่าเริ่มต้นในกล่องค้นหา ถ้าคุณไม่เลือกกล่องค้นหาที่ออกมาจะมีคำว่า “หาอะไร” ในช่องสืบค้น
“ความกว้าง” ใช้ในการกำหนดความกว้างของกล่องค้นหา (สามารถกำหนดได้ตั้งแต่ 200 - 550)
“วางปุ่มค้นหา” เป็นการกำหนดตำแหน่งของปุ่มค้นหา และ โลโก้ของสนุก
“สีและรูปแบบ” เป็นการเลือกสี และธีมของกล่องค้นหา

และเมื่อตั้งค่าเสร็จแล้วก็ลองกด Preview แสดงตัวอย่างดูได้ทันที จากนั้น Copy โค้ดไปติดที่เว็บไซต์ได้เลย…

ขั้นตอนที่ 3 Copy โค้ดไปติดที่เว็บ

Copy โค้ดไปติดที่เว็บ ลอกโค้ดไปติดที่เว็บไซต์ หลังจากที่กำหนดรูปแบบความสวยงาม ในขั้นตอนที่ 2 จนพอใจแล้ว  ให้เพื่อนๆ ลองเลื่อนลงมาดูที่ด้านล่างสุด เพื่อนๆ จะเจอคำว่า “คัดลอกโค้ดไปติดที่เว็บไซต์” ขั้นตอนนี้ง่ายๆ เพียงแค่เพื่อนๆ กดปุ่มคำว่า “copy” จากนั้นก็นำโค้ดที่ copy ได้ไปใส่ที่เว็บไซต์ได้เลย

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

 อยากได้ Widget ไปแต่งเว็บ .. คลิกลงทะเบียนเลย!!