เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
นาย คทา เขนทอง วันที่ 21/08/56
1
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
2
คานา คู่มือการจัดการความรู้โดยใช้บล็อกและเครือข่ายสังคมออนไลน์ ที่จัดทาขึ้นครั้งนี้ เป็นเอกสารความรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบ จัดการความรู้โดยใช้บล็อกและเครือข่ายสังคมออนไลน์ ของนายคทา เขนทอง นักศึกษาได้สร้างต้นแบบและการจัดการความรู้ขึ้นมาโดยใช้ชื่อว่า “ บันทึกความรู้เรื่องการ ปรับแต่ง หรือการบริหารจัดการเว็บบล็อก ” โดยได้เริ่มสร้างขึ้นตั้งแต่วันที่ 21 สิงหาคม 2556 เป็นต้นมา แล้วนาความ ข้อมูลที่ได้มาจัดทาเป็นคู่มือเล่มนี้ การจัดทาความคู่มือการจัดการครั้งนี้ ทางผู้จัดทามีความตั้งใจที่จะเขียนให้ง่ายต่อการเข้าใจ สะดวกต่อการปฏิบัติ และนาไปใช้ พร้อมทั้งหลีกเลี่ยงคาศัพท์หรือภาษาทางคอมพิวเตอร์และเทคโนโลยีที่ค่อนข้างยาก ยกเว้นมีความจาเป็น และในทางรายละเอียดทางผู้จัดทาก็จะเชื่อมโยงลิงค์ไปยังแหล่งอ้างอิงโดยตรง อย่างไรก็ตามในการเขียนคู่มือการจัดการความรู้โดยใช้บล็อกและเครือข่ายสังคมออนไลน์ อาจมีข้อบกพร่องหรือตก หล่น และข้อมูลบางอย่างที่ผู้นาไปใช้ยังไม่เข้าใจ ขอให้สอบถามและให้คาแนะนาได้ที่ผู้จัดทาได้โดยตรงที่ นายคทา เขน ทอง เบอร์โทร 089-7773644 E-Mail: kata2520@gmail.com
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
3
วิธีการสร้ างบล็อกและการปรับแต่งขนาดกราฟิ ก โดยนายคทาเขนทอง บันทึกความรู้เรื่องวิธีการสร้ างบล็อกและการปรับแต่งขนาดกราฟิ ก หรือการบริหารจัดการเว็บบล็อกในฐานะผู้จกั การระบบ Google Blogger Domain & Hosting ที่ blogspot.com http://human-gohi-somkanay.blogspot.com/ ------------------------------------------------------------------------------------ขั้นตอนการสมัคร Gmail และ การสร้ าง Blogspot 1. ให้ทาการสมัครบัญชีของ Gmail ของgoogleแต่ถา้ ใครมีบญั ชี Gmail อยูแ่ ล้วก็ทาการล็อกอินเพื่อสร้าง www.blogger.comได้เลยซึ่งโดยปกติแล้วเมื่อเราเข้าไปที่เว็บwww.blogger.com หน้าเพจแรกจะถามบัญชีถึง บัญชี Gmail ของผูท้ ี่จะทาการสร้างบล็อกสาหรับผูท้ ี่ที่มีบญั ชี Gmail อยูแ่ ล้วก็กรอกชื่อบัญชี Gmail และ รหัสผ่านของตน 2. กรอกชื่อบัญชี Gmail เพื่อลงชื่อเข้าใช้งานดังภาพ
1
นาย คทา เขนทอง วันที่ 21/08/56
2
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
4
ภาพที่1 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
3. กรอกชื่อบัญชี Gmail เพื่อลงชื่อเข้าใช้งาน(Log in ) ของระบบ Google โดยใส่ user name 4. แล้วตามด้วย Passwordดังรู ป
3 4
ภาพที่2 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
5. เปิ ดเว็บเพื่อจะไปยัง Blogger ของเราเอง
5
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
5
ภาพที่3แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ที่blogspot.com ที่มา.นายคทาเขนทอง
6. เมื่อเข้ามายังหน้าบล็อกของตนเองแล้วเลือกบล็อกใหม่จะมีหน้าตาดังภาพให้คลิ๊กไปที่เมนูบล็อกใหม่เพื่อ ทาการสร้างบล็อกใหม่แล้วกรอกรายละเอียดให้ครบทุกขั้นตอน 7. ให้ต้งั ชื่อหัวเรื่ องของบล็อก 8. ให้ต้งั ชื่อที่อยูข่ องบล็อก (URL) ซึ่งควรใช้ชื่อเป็ นภาษาอังกฤและต้องดูตรงสถานะของบล็อกด้วยว่าชื่อ URL ที่ต้งั ไปนั้นมีผใู้ ช้แล้วหรื อยังไม่มีผใู้ ช้มนั จะแจ้งว่าที่อยูบ่ ล็อกนี้สามารถใช้ได้เสร็ จแล้วให้ทาการเลือก รู ปแบบ 9. จากชุดของแม่แบบให้เลือกบล็อกที่มีแม่แบบตามต้องการ 10. เมื่อเลือกแม่แบบแล้วก็กดคาว่า “ สร้างบล็อก ”
7 8
6
9
10
ภาพที่4 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
6
11. เมื่อสร้างบล็อกใหม่เสร็ จแล้วให้เลือกที่ แม่แบบ>กาหนดค่าเพื่อปรับแต่งบล็อกตามที่ตอ้ งการ 12. เพื่อปรับแต่งบล็อกตามที่ตอ้ งการ
12
11
ภาพที่5 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
13. เมื่อเลือกกาหนดค่าแล้วเลือกคาว่าพื้นหลัง 14. อัพโหลดภาพ>เลือกไฟล์>เสร็ จสิ้น
13
14
ภาพที่6 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
7
15. เสร็ จแล้วก็เลือกที่รูปแบบ 16. เลือกการออกแบบเนื้อความเลือกเป็ น 2คอลัมน์ 17. ต่อมาการออกแบบส่วนท้าย เลือกเป็ น2 ส่วน 17 15
16
ภาพที่7 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
18. เมื่อเลือกแบบเนื้อหาเสร็ จแล้ว ก็มาที่ปรับความกว้าง เพื่อปรับขนาดของช่องทางซ้ายช่องทางขวา และ ทั้งบล็อกมีขนาดที่ตอ้ งการ 18
ภาพที่ 8 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
8
19. การแก้ไขขั้นสูงเป็ นการปรับแต่งหน้าเว็บบล็อก ขนาดตัวอักษร สีตวั อักษรสีพ้นื หลังของบล็อก เป็ นต้น ก่อนเผยแพร่ ทางสาธารณะ 19
ภาพที่9แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ที่blogspot.com ที่มา.นายคทาเขนทอง
20. การเพิ่มแถบนาทาง
20
ภาพที่10 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
9
ขั้นตอนการทาแบบสารวจ-แบบสอบถาม 1. เข้าไปที่ google drive เลือกคาว่า “ สร้าง ”และกดคาว่า “ แบบฟอร์ม ”
ภาพที1่ 1 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
2. เมื่อเลือกแบบฟอร์มแล้วจะปรากฏหน้าที่ให้เลือกชื่อและชุดรู ปแบบ ดังรู ป คือ เลข 2 ( ให้พิมพ์ชื่อเรื่ อง ที่ตอ้ งการระบุ )และ เลข 3 ( เลือกชุดรู ปแบบที่ตอ้ งการ )
ภาพที่12 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
10
3. เมื่อตั้งค่าเสร็ จแล้ว เราจะทาดังรู ป คือ เลข 4 ( หัวข้อคาถาม ) , เลข 5 ( เป็ นคาตอบที่มีตวั เลือกหลาย ตัวเลือกแล้วแต่เราจะกาหนด ) และ เลข 6 ( เมื่อเสร็ จแต่ละข้อให้กดคาว่า “ เสร็ จสิ้น ” )
ภาพที่13แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
4. เมื่อเราเสร็ จแบบสอบถามข้อแรกแล้วจะเพิม่ ข้อต่อไปให้ทาดังรู ปคือ เลข 7 ( เลือกคาว่า “ เพิม่ รายการ ” ) และ เลข 8 ( จะปรากฏหัวข้อคาถามที่แสดงอยูใต้แบบสอบถามข้อที่ 2 ) ทาแบบนี้ไปเรื่ อยๆตามที่เรา กาหนดหัวข้อเอาไว้
ภาพที่14 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
11
5. เมื่อเราสร้างแบบสอบถามเสร็ จแล้ว ให้กดคาว่า “ ส่งฟอร์ม ” เลข 9
ภาพที่15แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
6. เมื่อเรากดส่งฟอร์มแล้ว จะขึ้นหน้าต่างขึ้นมา ดังรู ป ให้เรากดคาว่า “ ฝัง ” เลข 10
ภาพที่16 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
12
7. เมื่อเรากดฝังและจะขึ้นมาอีกหน้าต่าง ดังรู ป คือ เลข 11 (โค้ดให้คดั ลอกข้อความเพื่อนาไปใส่ใน HTML )
ภาพที่17 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
8. เมื่อเราคัดลอก HTML มาแล้ว เข้าไปบล็อกของเราให้ทาดังรู ป คือ เลข 12 ( เลือกคาว่า “ New page ” ) และเลข 13 (เลือกคาว่า “ Blank page”จะเป็ นหน้าเว็บเปล่า
ภาพที่18 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
13
9. เมื่อเราได้หน้าเว็บแล้ว ดังรู ป คือ เลข 14 ( เขียนชื่อหัวเรื่ องหน้าเว็บ )และ เลข 15 ( นาโค้ดของ HTML ที่เราคัดลอกมาวางไว้ใน ช่องของโค้ด HTML )
ภาพที่19 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
10. เมื่อใส่ HTML เสร็ จแล้ว ให้กดอัปเดส หรื อบันทึก จะได้ดงั รู ป เลข 16 เป็ นอันเสร็ จขั้นตอนการสร้าง แบบสารวจ หรื อแบบสอบถามออนไลน์
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
14
ภาพที่20 แสดงหน้าเว็บบล็อกของhttp://human-gohi-somkanay.blogspot.com/ ทีb่ logspot.com ที่มา.นายคทาเขนทอง
ขั้นตอนการเพิม่ แก็ดเจ็ต ( Add Gadget ) Gadgetใน Blogger นั้นหมายถึงส่วนเสริ มที่เราสามารถติดตั้งเพิ่มลงไปในแม่แบบ วิธีเพิ่ม Gadgetก่อนอื่นให้ Login เข้าไปที่ blogger หรื อ draft.blogger>>จากแผงควบคุมให้เลือก การ ออกแบบจากนั้นใน Layout ของแม่แบบคุณจะเห็นพื้นที่ ดังรู ปด้านล่างเพื่อให้เพิ่ม Gadget
และเมื่อคลิก เพิม่ Gadget ก็จะปรากฏGadget พื้นฐาน 21 อย่างที่จะกล่าวถึงในตอนท้ายของบทความนี้
นอกจากนี้ยงั มี Gadget อีกมากมายซึ่งคุณสามารถเลือกได้จากเมนูแก็ดเจ็ดเพิ่มเติมทางซ้ายมือ
เมื่อเลือก Gadget ที่ตอ้ งการแล้ว คลิกที่ปุ่ม + เพื่อทาการเพิ่ม Gadget นั้น ใส่ชื่อ Gadget และตั้งค่าที่ ต้องการแล้วบันทึก
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
15
รู ปที่เห็นข้างบนเป็ น Gadget ผูต้ ิดตาม สาหรับ Gadget อื่น ๆ ก็ทาได้ในทานองเดียวกัน
เรามารู้จกั กับ Gadget พืน้ ฐาน 21 อย่ างของ Blogger 1. Gadget หน้ าเว็บ หลักการของ Gadget ชนิดนี้คือคุณจะต้องสร้างหน้าเว็บขึ้นมาก่อน แล้วใช้ Gadget นี้เป็ นเมนูใน การเชื่อมโยงไปยังหน้าเว็บเหล่านั้น วิธีการเพิม่ และรายละเอียดของ Gadget ชนิดนี้ผมได้เขียนอธิบายไว้ ในบทความ Gadget หน้าเว็บ พร้อมตัวอย่างการใช้
2. Gadget ผู้ตดิ ตาม Gadget ชนิดนี้ใช้เพื่อให้ผอู้ ่านที่ชื่นชอบบล็อกของคุณได้ติดตาม และเมื่อติดตามแล้วความ เคลื่อนไหวและการ update บทความของจะไปปรากฏแผงควบคุมของผูต้ ิดตามโดยอัตโนมัติ และมีสิทธิ์ ในการแสดงความคิดเห็นบนบล็อกของคุณได้ (กรณี ที่คุณอนุญาตเฉพาะสมาชิก)
3. Gadget ช่ องค้นหา นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
16
เป็ น Gadget ที่ติดตั้งเพื่อให้ผอู้ ่านสามารถค้นหาสิ่งที่ตอ้ งการในบล็อกของคุณได้ง่ายขึ้น
4. Gadget HTML/จาวาสคริปต์ Gadget ชนิดนี้เป็ น Gadget ที่ยดื หยุน่ ที่สุดในบรรดา Gadget ทั้งหมด สามารถประยุกต์ใช้ได้ หลากหลาย เหมาะสาหรับใช้ติดตั้งโค้ดต่าง ๆ ลงบน Blogger เช่น โค้ดปฏิทิน นาฬิกา โค้ดจาวาสคริ ปต์ โค้ดรู ปภาพ โค้ดวีดีโอ โค้ดของลิงค์ เป็ นต้น
5. Gadgetข้ อความ เป็ น Gadget ที่เหมาะสาหรับเขียนข้อความ เช่นข้อความต้อนรับเป็ นต้น
6. Gadget AdSense คุณจะใช้ Gadget ชนิดนี้ได้เมื่อสมัครเข้าร่ วมโปรแกรมหรื อเป็ นตัวแทนในการเผยแพร่ โฆษณาบน Google ศึกษาเพิม่ เติมได้จากบทความ วิธีสมัคร Google AdSenseแบบภาษาไทย (ตอนที่ 1)
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
17
7. Gadgetรูปภาพ ถ้าคุณต้องการแสดงรู ปภาพบนบล็อกอย่างเดียวก็ให้เลือกใช้ Gadget นี้ครับ
8. Gadget สไลด์ โชว์ Gadget นี้เป็ นการดึงAlbums จาก Picasa มาแสดงในรู ปแบบสไลด์โชว์บนบล็อกของคุณ ศึกษา เกี่ยวกับ Picasa ได้ที่บทความ >>รู ปภาพในบทความบน Blogger ถูกเก็บไว้ที่ไหน? แล้วจะจัดการได้ อย่างไร?
9. Gadgetแถบวีดีโอ Gadget นี้จะทาให้ผใู้ ช้คน้ หาวีดีโอบน Youtubeจากบล็อกของคุณได้
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
18
10. Gadgetแบบสารวจ Gadget นี้ถือเป็ น Gadget หนึ่งที่น่าสนใจมากแต่ยงั มีผใู้ ช้จานวนน้อยโดยคุณอาจจะใช้สารวจความ ต้องการ หรื อความคิดเห็นของผูอ้ ่านต่อบล็อกของคุณ หรื อสารวจเกี่ยวกับเรื่ องที่เกี่ยวข้องกับเนื้อหาบน บล็อกของคุณก็ได้
11. Gadget รายการบล็อก Gadget ชนิดนี้เป็ น Gadget ที่สามารถรวบรวมข่าวสารล่าสุดจากบล็อกที่คุณเลือกหรื อบล็อกที่คุณ ติดตาม พร้อมทั้งสามารถแสดงเนื้อหาแบบย่อได้ดว้ ย
12. Gadget รายชื่อลิงค์ เป็ น Gadget ที่ใช้สร้างลิงค์ไปยังที่ต่าง ๆ โดยคุณสามารถป้ อน URL บน Gadget ชนิดนี้เพื่อสร้าง Link โดยไม่ตอ้ งมีความรู้เรื่ อง HTML มาก่อนเลยนอกจากนี้ Gadget ยังสามารถดัดแปลงไปทาเมนูของ บล็อกได้ดว้ ย ศึกษาวิธีดดั แปลงจากบทความ >>วิธีสร้าง Menu สวย ๆ บน Blogger ด้วย Gadget Linklist (ควรจะศึกษาภายหลังจากที่ทาบล็อกได้ชานาญแล้ว)
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
19
13. Gadget รายการ เป็ น Gadget ที่คล้ายคลึงกับ Gadget รายชื่อลิงค์ แต่มีความยืดหยุน่ กว่า สามารถสร้างข้อความรายการ และใส่ link ให้ขอ้ ความได้ดว้ ย
14. Gadget ฟี ด คุณสามารถใช้ Gadget นี้ดึงข่าวสารจากในบล็อกของคุณ หรื อบล็อกอื่นที่คุณสนใจเอามาแสดงเพียง แค่ใส่ชื่อบล็อกที่ตอ้ งการลงไปลงไปใน gadget นี้ ศึกษาเรื่ องฟี ดเพิ่มเติมจากบทความ >>ทาความรู้จกั กับ Feed ใน Blogger
15. GadgetNewsreel เป็ น gadget ที่ทาให้พาดหัวข่าวจาก Google มาปรากฎบนบล็อกของคุณเท่านั้น
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
20
16. Gadgetป้ายกากับ Gadget นี้มีความสาคัญ คุณควรจะติดตั้ง เพื่อให้บทความที่เขียนเป็ นหมวดหมู่ ให้ผอู้ ่านเห็นชัดเจน เลือกอ่านได้ตรงความต้องการมากขึ้น ศึกษาวิธีเพิ่มที่บทความ >>การจัดหมวดหมู่ให้กบั บทความด้วย Label Gadget
17. Gadget ลิงค์การสมัครGadget นี้มีความสาคัญในเรื่ องการส่งข่าวสารข้อมูลจากบล็อกของคุณไปยังผูอ้ ่าน ผูอ้ ่านจะสามารถสมัครรับ บทความทาง email หรื อผ่านช่องทางอื่นๆ ได้จาก Gadget นี้ ศึกษาข้อมูลเรื่ องฟี ดเพิ่มเติมจากบทความ >>ทาความ รู้จกั กับ Feed ใน Blogger
18. Gadgetโลโก้ นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
21
Gadget นี้ไม่สาคัญนักเป็ นเพียงติดตั้ง logo ของ blogger ในหน้าบล็อกเท่านั้น
19. Gadget โปรไฟล์ Gadget นี้จะแสดงข้อมูลอย่างของคุณที่ได้กรอกเอาไว้บนบัญชีของ Blogger ถ้าคุณต้องการแสดง ข้อมูลของคุณบน Blog ก็ควรจะติดตั้ง Gadget นี้ครับ
20. Gadgetคลังบทความของบล็อกGadget นี้จะทาให้ผอู้ ่านเห็นบทความทั้งหมดภายในบล็อกของคุณได้ ซึ่งผมได้เขียนวิธีติดตั้งและอธิบาย เอาไว้ในบทความการใช้งาน Gadget คลังบทความของบล็อก (Blog Archive) ลองเข้าไปศึกษาเพิ่มเติมดู
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
22
21. Gadget ส่ วนหัวของหน้ า Gadget นี้เป็ นส่วนที่ใส่ Title และ Description ของ Blog โดยปกติแล้ว Template ทัว่ ไปก็จะติดตั้ง ส่วนนี้อยูแ่ ล้ว
วิธีเพิม่ รูปภาพด้ วย Gadget "HTML/จาวาสคริปต์ " ใน blogger.com 1. เข้าสู่หน้าแดชบอร์ดของ blogger.com
2. กดปุ่ มตัวเลือกเพิ่ม เลือกเมนู รู ปแบบ ดังรู ป คือ เลข 1 (กดที่ลิงค์ เพิ่ม Gadget )แล้วเลข 2 (เลือก HTML/จาวาสคริ ปต์ )
นาย คทา เขนทอง วันที่ 21/08/56
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
3. เลข 3 ( ใส่ชื่อหัวเรื่ อง ) , เลข 4 (ในช่อง ชื่อ ใส่โค้ด tag html รู ปภาพ <IMG SRC="URL รู ปภาพ"> ในช่อง เนื้อหา )และเลข 5 (กดปุ่ ม บันทึก )
นาย คทา เขนทอง วันที่ 21/08/56
23
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบ
24
เอกสารความรู้ในรายวิชาเทคโนโลยีเพื่อการ ออกแบบ นาย คทา เขนทอง รหัส5121304256 ออกแบบนิเทศศิลป์
นาย คทา เขนทอง วันที่ 21/08/56