SlideShare a Scribd company logo
1 of 7
Download to read offline
วิธีการเพิ่ม widget (โปรแกรมเล็ก ๆ) ให้กับบล็อกของเรา
   1. เข้าสู่ระบบ เพื่อเข้าไปจัดการบล็อกของเรา




   2. เลือก หน้าหลัก เลือกเมนู รูปแบบบล็อก --> Widgets
3. จะปรากฏหน้าต่างให้เราจัดการ Widgets ซึ่งจะอยู่กับรูปแบบบล็อก (theme) ที่เราเลือกใช้ ซึ่ง
   บล็อกที่นักเรียนสร้างขึ้น เราเลือกใช้ twenty eleven




4. นักเรียนจะเห็น Widgets ที่เราสามารถเลือกนามาใช้กับบล็อกของเราได้ อยู่ทางซ้ายมือ ส่วนด้าน
   ขวามือเป็นตาแหน่งที่จะนา widgets ไปใช้งาน เมื่อนักเรียนต้องการจะใช้ widgets ไหน ให้ใช้
   mouse เลือกและเลื่อนไปยังตาแหน่งที่ต้องการ เช่น นักเรียนต้องการจะใส่ ปฏิทินในหน้าบล็อก ก็ให้
   เลือก widgets --> ปฏิทิน แล้วนาไปวางที่ Main slidebar ที่อยู่ทางด้านขวา




   เมื่อวาง widgets เรียบร้อยแล้ว ให้นักเรียนกาหนดหัวข้อ ให้กับปฏิทิน พร้อมกับกดปุ่มบันทึก
   และลองเรียกหน้าบล็อกของตนเองดู จะพบว่ามีปฏิทินเกิดขึ้นที่ ตาแหน่ง Main Slidebar
5. Widgets ที่จะเราจะลองเพิ่มเข้าไปในบล็อกของเรา ก็คือ รูปภาพ
   อันดับแรก นักเรียนจะต้องทาการupload รูปที่ต้องการที่ใช้งานไปไว้ที่คลังสื่อให้เรียบร้อยเสียก่อน
   โดยการเลือก เพิ่มไฟล์ใหม่ที่เมนูสื่อ




   ให้นักเรียนทาการคัดลอกตาแหน่งที่ตั้งของรูปที่ต้องการแสดงบนบล็อก
แล้วกลับมาที่เมนู รูปแบบบล็อก --> widgets แล้วเลือก widgets ข้อความ ลากไปวางยังตาแหน่ง
ที่ต้องการ

                                                       ให้นักเรียนใส่หัวข้อให้กับรูปภาพและ
                                                       ในส่วนของช่องข้อความด้านล่าง ให้
                                                       ใส่ code html

                                                       <img src = ตาแหน่งของรูปที่
                                                       คัดลอกมา >

                                                       อย่าลืมเครื่องหมาย <>

                                                       กดปุ่มบันทึก
6. สาหรับที่ต้องการใส่นาฬิกาหรือปฏิทินรูปแบบต่าง ๆ สามารถเข้าไปที่
   http://wpbtips.wordpress.com/ แล้วเลือกที่    widgets




   จะมีรายการขึ้นมาให้เลือก หากนักเรียนต้องการใส่นาฬิกาดิจิตอล ก็ให้เลือก ลาดับที่ 2
แล้วก็เลือกรายการที่สนใจ




.ให้นักเรียนทาการคัดลอก code ที่อยู่ในกรอบสีแดง ไปวางที่ widgets โดยเลือก widgets --> ข้อความ

ส่วน widgets ที่มีคาว่า resizeable นักเรียนสามารถจะลดขนาดของwidgets นั้นลงได้อีก
เสร็จเรียบร้อย กดปุ่ม บันทึก นักเรียนก็จะได้ นาฬิกาไว้ที่หน้าบล็อกเรียบร้อยแล้ว
ลองเข้าไปเลือกดูรายการอื่น ๆ ด้วยนะคะ ในเว็บไซต์ที่แนะนาไปนะคะ



                                                          krununnaphat2011.wordpress.com

More Related Content

Similar to Add widget

กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบกลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบเขมิกา กุลาศรี
 
กลุ่มที่ 9การจัดการ Administration panel
กลุ่มที่ 9การจัดการ Administration panelกลุ่มที่ 9การจัดการ Administration panel
กลุ่มที่ 9การจัดการ Administration panelเขมิกา กุลาศรี
 
เนื้อหา1
เนื้อหา1เนื้อหา1
เนื้อหา1kaimmikar123
 
56170059
5617005956170059
56170059nuisnit
 
56170253
5617025356170253
56170253nuisnit
 
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396ranggo24
 
Macromedia dreamweaver 8
Macromedia dreamweaver 8Macromedia dreamweaver 8
Macromedia dreamweaver 8Nadda Laosakul
 
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentation
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentationบทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentation
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentationJackiiz Nuttwut
 
2010012 Wordpress Com Boonkiat
2010012 Wordpress Com Boonkiat2010012 Wordpress Com Boonkiat
2010012 Wordpress Com Boonkiatboonkiatwp
 
Gisครีม
GisครีมGisครีม
Gisครีมcream3703
 
20100803 wordpress-com
20100803 wordpress-com20100803 wordpress-com
20100803 wordpress-comkrittykrit
 
20100803 wordpress-com
20100803 wordpress-com20100803 wordpress-com
20100803 wordpress-comajangkana
 

Similar to Add widget (20)

Caren
CarenCaren
Caren
 
Caren
CarenCaren
Caren
 
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบกลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
 
กลุ่มที่ 9การจัดการ Administration panel
กลุ่มที่ 9การจัดการ Administration panelกลุ่มที่ 9การจัดการ Administration panel
กลุ่มที่ 9การจัดการ Administration panel
 
เนื้อหา1
เนื้อหา1เนื้อหา1
เนื้อหา1
 
56170059
5617005956170059
56170059
 
56170253
5617025356170253
56170253
 
Power point6
Power point6Power point6
Power point6
 
เอกสารประกอบแผนการเรียนรู้ที่ 5
เอกสารประกอบแผนการเรียนรู้ที่ 5เอกสารประกอบแผนการเรียนรู้ที่ 5
เอกสารประกอบแผนการเรียนรู้ที่ 5
 
เอกสารประกอบแผนการเรียนรู้ที่ 5
เอกสารประกอบแผนการเรียนรู้ที่ 5เอกสารประกอบแผนการเรียนรู้ที่ 5
เอกสารประกอบแผนการเรียนรู้ที่ 5
 
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396
นางสาวศศินิภา ซิ้มศิริ รหัสนิสิต 58670396
 
Macromedia dreamweaver 8
Macromedia dreamweaver 8Macromedia dreamweaver 8
Macromedia dreamweaver 8
 
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentation
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentationบทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentation
บทที่ 2การใช้เครื่องมือและลักษณะพิเศษใหม่ๆ ในการสร้าง presentation
 
2010012 Wordpress Com Boonkiat
2010012 Wordpress Com Boonkiat2010012 Wordpress Com Boonkiat
2010012 Wordpress Com Boonkiat
 
2010012 wordpress-com-boonkiat
2010012 wordpress-com-boonkiat2010012 wordpress-com-boonkiat
2010012 wordpress-com-boonkiat
 
Gisครีม
GisครีมGisครีม
Gisครีม
 
20100803 wordpress-com
20100803 wordpress-com20100803 wordpress-com
20100803 wordpress-com
 
Wordpress com
Wordpress comWordpress com
Wordpress com
 
20100803 wordpress-com
20100803 wordpress-com20100803 wordpress-com
20100803 wordpress-com
 
wordpress
wordpresswordpress
wordpress
 

Add widget

  • 1. วิธีการเพิ่ม widget (โปรแกรมเล็ก ๆ) ให้กับบล็อกของเรา 1. เข้าสู่ระบบ เพื่อเข้าไปจัดการบล็อกของเรา 2. เลือก หน้าหลัก เลือกเมนู รูปแบบบล็อก --> Widgets
  • 2. 3. จะปรากฏหน้าต่างให้เราจัดการ Widgets ซึ่งจะอยู่กับรูปแบบบล็อก (theme) ที่เราเลือกใช้ ซึ่ง บล็อกที่นักเรียนสร้างขึ้น เราเลือกใช้ twenty eleven 4. นักเรียนจะเห็น Widgets ที่เราสามารถเลือกนามาใช้กับบล็อกของเราได้ อยู่ทางซ้ายมือ ส่วนด้าน ขวามือเป็นตาแหน่งที่จะนา widgets ไปใช้งาน เมื่อนักเรียนต้องการจะใช้ widgets ไหน ให้ใช้ mouse เลือกและเลื่อนไปยังตาแหน่งที่ต้องการ เช่น นักเรียนต้องการจะใส่ ปฏิทินในหน้าบล็อก ก็ให้ เลือก widgets --> ปฏิทิน แล้วนาไปวางที่ Main slidebar ที่อยู่ทางด้านขวา เมื่อวาง widgets เรียบร้อยแล้ว ให้นักเรียนกาหนดหัวข้อ ให้กับปฏิทิน พร้อมกับกดปุ่มบันทึก และลองเรียกหน้าบล็อกของตนเองดู จะพบว่ามีปฏิทินเกิดขึ้นที่ ตาแหน่ง Main Slidebar
  • 3. 5. Widgets ที่จะเราจะลองเพิ่มเข้าไปในบล็อกของเรา ก็คือ รูปภาพ อันดับแรก นักเรียนจะต้องทาการupload รูปที่ต้องการที่ใช้งานไปไว้ที่คลังสื่อให้เรียบร้อยเสียก่อน โดยการเลือก เพิ่มไฟล์ใหม่ที่เมนูสื่อ ให้นักเรียนทาการคัดลอกตาแหน่งที่ตั้งของรูปที่ต้องการแสดงบนบล็อก
  • 4. แล้วกลับมาที่เมนู รูปแบบบล็อก --> widgets แล้วเลือก widgets ข้อความ ลากไปวางยังตาแหน่ง ที่ต้องการ ให้นักเรียนใส่หัวข้อให้กับรูปภาพและ ในส่วนของช่องข้อความด้านล่าง ให้ ใส่ code html <img src = ตาแหน่งของรูปที่ คัดลอกมา > อย่าลืมเครื่องหมาย <> กดปุ่มบันทึก
  • 5. 6. สาหรับที่ต้องการใส่นาฬิกาหรือปฏิทินรูปแบบต่าง ๆ สามารถเข้าไปที่ http://wpbtips.wordpress.com/ แล้วเลือกที่ widgets จะมีรายการขึ้นมาให้เลือก หากนักเรียนต้องการใส่นาฬิกาดิจิตอล ก็ให้เลือก ลาดับที่ 2
  • 6. แล้วก็เลือกรายการที่สนใจ .ให้นักเรียนทาการคัดลอก code ที่อยู่ในกรอบสีแดง ไปวางที่ widgets โดยเลือก widgets --> ข้อความ ส่วน widgets ที่มีคาว่า resizeable นักเรียนสามารถจะลดขนาดของwidgets นั้นลงได้อีก
  • 7. เสร็จเรียบร้อย กดปุ่ม บันทึก นักเรียนก็จะได้ นาฬิกาไว้ที่หน้าบล็อกเรียบร้อยแล้ว ลองเข้าไปเลือกดูรายการอื่น ๆ ด้วยนะคะ ในเว็บไซต์ที่แนะนาไปนะคะ krununnaphat2011.wordpress.com