More Related Content More from nam pedpuai (11) Blog7. หน้า้้7
7. คล้กท่ปม้้ ้เพ่อด้Gmail ของเราครงแรก
ข้ั้นท้2้้ หล้ังจากได้บัญชผใช้แลว้ใหไปท่้www.blogger.com เพ่อสร้างบล้อกก้ันเลยคร้ับ้
โดยในการสรางบล้อกนั้น้ก้ใหใช้บัญชผ้ใช้(user name + password) ท่ไดสรางไว้ในข้ั้นท้1
1. ไปท่เวบไซต้http://www.blogger.com ด้ังร้ป
2. คล้กท่ปม้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ เพ่อเร้่มต้นการสร้างบล้อก้ด้ังร้ป
14. หน้า้้14
ผมเล้อก้Template น้
1. โดยการคลกท่้Read More or Download this Blogger Template จากนั้นจะพบ้หน้าต้่างใหม่้ใหเล้่อนหาเมน้
Download the Green Day Blogger Theme และทาการ้คล้กเพ่อดาวนโหลด้จะได้้้
้ ใหทาการ้แตกไฟล้จากนั้นให้นา้green-day-blogger-
theme.xml ไปวางไวท่้Desktop
2. Log in ท่้blogger ไปท่แผงควบค้ม้>> ร้ปแบบ้>> แก้ไข้HTML >> คล้กป้่ม้Browse เพ่อท่จะ้
อัปโหลดแม่แบบข้ึ้นมา
17. หน้า้้17
เคร้่องม้อสาหร้ับ้“ออกแบบแม้่แบบ” ด้วยตนเอง้ใหม!้จาก้Blogger
หล้ังจากทมงาน้Blogger ได้สราง้Gadget หน้าเวบ้ออกมาได้ไมนาน้ตอนน้กได้พัฒนาการ้
เคร้่องม้อสาหร้ับการออกแบบแม่แบบของ้blogger ใหย้ดหย้่นมากข้ึ้น้โดยให้ผ้ใชสามารถปร้ับแต้่งแม่แบบ้
ได้ด้วยตนเอง้ไม้่ว่าจะเป็นการเล้อก้Theme การออกแบบโครงรางของหน้าว้่าจะม้2้หร้อ้3้คอล้ัมน้หร้อ้
หลายคอล้ัมน้ซึ้่งทาไดโดยการคลกเพยงไมก้่คร้ั้ง้การปร้ับความกว้างของ้Template และ้sidebar เพยง้
แค้่คลกเด้ยวเป้นตน้ความสามารถทั้งหลายน้ผใชสามารถทาได้โดยไม้่ต้องมความร้เร้่อง้HTML และ้CSS
เลยสาหร้ับการใช้งานเคร้่องมอน้กคล้ายคลงก้ับการใชงานเคร้่องมอเด้ม้ๆ้ท่มอย่้ซึ่งผมจะอธบายท้ละส้่วน้
ด้ังน้
การใช้เคร้่องม้อออกแบบแม่แบบ้ทาได้โดย้Log in เข้าไปท้draft.blogger และไปท่้แผงควบคม้>>
การออกแบบ้้>> องค้ประกอบของหนา้>> คล้กท่้“เคร้่องม้อออกแบบแม่แบบ้ใหม!”
เม่อคล้กท่้“เคร้่องม้อออกแบบแม่แบบ” แล้วเราจะพบเคร้่องมอสาหร้ับออกแบบแม่แบบอย่้4
อย่างด้วยก้ัน้ได้แก้้1.้แม่แบบ้้2.้พ้นหล้ัง้ 3.้ร้ปแบบ้ และ้4.้ข้ั้นส้ง
สวนแสดงตวอยาง
20. หน้า้้20
3. การใชงานเคร้่องม้อ้“ร้ปแบบ” : ค้ณสามารถใชเคร้่องม้อน้้เพ่อกาหนดจานวน้คอล้ัมน้
ร้ปแบบ้คอล้ัมน้ความกวางของคอล้ัมน้รวมถ้ึงการกาหนดคอล้ัมนให้ก้ับสวนทายของหน้าได้
ด้วย
3.1้การใชงานเคร้่องม้อ้“การออกแบบเน้อความ” : เคร้่องม้อน้้ใชกาหนดร้ปแบบคอลมนของ้
template ของค้ณ้ซึ่งทาได้ง้่ายดายโดยการคล้กเล้อกร้ปแบบท้่ต้องการ้ดต้ัวอย้่าง้เม่อเป็นท่พอใจแล้ว้
ก้กดป่ม้“ใช้ก้ับบล้อก” เพ่อย้นยัน
3.2้การใชงานเคร้่องม้อ้“การออกแบบส้่วนทาย” : เคร้่องม้อน้้เป็นเคร้่องม้อสาหร้ับ
การ้กาหนดคอล้ัมนให้ก้ับสวนทายของหนาบล้อก้ซึ่งทาได้เช่นเด้ยวก้ับ้3.1
21. หน้า้้21
3.3้การใชงานเคร้่องม้อ้“การปร้ับความกวาง” : ค้ณสามารถปร้ับความกวางของแม่แบบ้
และ้sidebar จากเคร้่องม้อน้้เพยงแค่เล้่อน้slider ใหตรงก้ับค่าต้ัวเลขท่ตองการเท่านั้น
4. สาหร้ับเมนขั้นส้งเป้นการกาหนดรายละเอยดต้่างๆ้ใหก้ับบล้อก้เช้่น้ร้ปแบบของล้งค้ gadget ต้่างๆ้
หัวเร้่อง้ ช่อของบล้อก้เป็นต้น้ซึ่งค้ณสามารถปร้ับแตงตามความต้องการแล้ว้แสดงต้ัวอย้่าง้้หาก้
เป็นท่พอใจก้บันทึกเช่นเดยวก้ับ้ข้อ้1-3้ท่ไดกล้่าวมาแล้ว
*** ปล.้อย่าล้มนะคร้ับว่าเคร้่องม้อเหล้่าน้จะไมมใน้blogger.com แต้จะมใน้draft.blogger.com เท่านั้น
26. หน้า้้26
บทท่้4้การตั้งค้่าพ้้นฐานต่างๆ้ใหก้ับบลอก
บทน้ผมจะขอแนะนาการต้ั้งค้่าพ้นฐานตางๆ้ ของบล้อกเพ่อใหเข้าใจการต้ั้งคาในสวนต้่าง้ ๆ้ ของ้
Blogger และจะทาใหค้ณสามารถต้ั้งค้่าต้่าง้ ๆ้ ตามความต้องการของตนเองได้ อกทั้งจะเป็นประโยชนใน้
การพัฒนาการทา้Blogger ในระยะยาวด้วย
การตงค้่าพ้นฐานต่างๆ้ของบล้อกทาได้โดย้Log in เข้าไปท้blogger เม่อมาท่หน้า้แผงควบคม้
ให้Click ท่้การตงค้่า
และท่านจะเข้ามาท่เมนการต้ั้งค้่าของบล้อก
ผมจะแบ่งการต้ั้งคาออกเป็น้9้ส้่วนดงน้
1. ขั้นต้น
ค้ณสามารถดาวนโหลด้Blog เพ่อเก้บเป็น้Backup ข้อมลบทความและ้comment ของ้บล้อก
ไดโดยเล้อก้้ส้่งออ้กบล้อ้ก้้แต้่ถ้าคณมขอม้ลบล้อกเด้มอย้่แล้วอยากจะนามาใชก้ับบล้อกใหม้่ท้่สราง้ข้ึ้น้
ก้ใหเล้อก้้นาเ้ข้้าบล้อ้ก้้แต้่ถ้าคดว่าไม่ต้องการใช้บล้อกน้แลวกสามารถลบท้้งได้โดยเล้อก้้ลบบ้ล้อก้
34. หน้า
34
ร้จักกบ้Gadget พ้นฐาน้21้อย่างของ้Blogger
1. Gadget หนาเว้บ
หล้ักการของ้Gadget ชนดน้คอค้ณจะตองสร้างหน้าเวบข้ึ้นมาก้่อน้แล้วใช้Gadget น้เป็นเมนในการ้
เช่อมโยงไปย้ังหนาเวบ
2. Gadget ผ้ต้ดตาม
Gadget ชนดน้ใชเพ้่อให้ผ้อ่านท้่ช่นชอบบล้อกของคณได้ตดตาม้และเม่อต้ดตามแล้วความเคล้่อนไหว้และ
การ้update บทความของจะไปปรากฏแผงควบค้มของผต้ดตามโดยอ้ัตโนมัต้และม้ส้ทธในการแสดงความ้
ค้ดเหนบนบล้อกของค้ณได้(กรณ้ท่คณอนญาตเฉพาะสมาช้ก)
3. Gadget ช่องคนหา
เป็น้Gadget ท่ตดต้ั้งเพ้่อใหผ้อ้่านสามารถค้นหาส้่งท้่ต้องการในบล้อกของคณไดง่ายข้ึ้น
35. หน้า
35
4. Gadget HTML/จาวาสครปต
Gadget ชนดน้เป็น้Gadget ท่ยดหย่นท้่ส้ดในบรรดา้Gadget ทั้งหมด้สามารถประยกต้ใชได้หลากหลาย้
เหมาะสาหร้ับใช้ต้ดต้ั้งโค้ดต้่าง้ๆ้ลงบน้Blogger เช่น้โค้ดปฏ้ทน้นาฬกา้โค้ดจาวาสคร้ปต้โค้ดร้ปภาพ้
โค้ดวดโอ้โค้ดของล้งค้เป็นต้น
5. Gadget ขอความ
เป็น้Gadget ท่เหมาะสาหร้ับเข้ยนข้อความ้เช่น้ข้อความต้อนร้ับ้เป็นต้น
6. Gadget Adsense
ค้ณจะใช้Gadget ชนดน้ไดเม่อสม้ัครเข้าร้่วมโปรแกรมหร้อเป็นต้ัวแทนในการเผยแพร้่โฆษณาบน้Google
7. Gadget รปภาพ
ถ้าค้ณต้องการแสดงร้ปภาพบนบล้อกอย่างเด้ยวกใหเล้อกใช้Gadget น้คร้ับ
36. หน้า
36
8. Gadget สไลด้โชว
Gadget น้เป็นการดง้Albums จาก้Picasaweb มาแสดงในร้ปแบบสไลด้โชวบนบล้อกของ
9. Gadget แถบว้ด้โอ
Gadget น้จะทาให้ผ้ใช้ค้นหาว้ด้โอบน้Youtube จากบล้อกของคณได
10. Gadget แบบสารวจ
Gadget น้ถอเป็น้ Gadget หน้ึ่งท่น่าสนใจมาก้ แต้่ย้ังมผ้ใชจานวนนอย้ โดยคณอาจจะใชสารวจความ้
ต้องการ้ หร้อความคดเหนของผ้อ่านต้่อบล้อกของคณ้ หร้อสารวจเก้่ยวก้ับเร้่องท่เก้่ยวของก้ับเน้อหาบน้
บล้อกของคณก้ได
11. Gadget รายการบล้อก
Gadget ชนดน้เป็น้Gadget ท่สามารถรวบรวมข่าวสารล้่าส้ดจากบล้อกท่ค้ณเล้อกหร้อบล้อกท่ค้ณต้ดตาม้
พร้อมทั้งสามารถแสดงเน้้อหาแบบย่อไดด้วย
37. หน้า
37
12. Gadget รายช่อล้งค
เป็น้Gadget ท่ใชสรางลงค้ไปย้ังท่ต้่าง้ๆ้โดยค้ณสามารถป้อน้URL บน้Gadget ชนดน้เพ่อสราง้Link
โดยไมต้องม้ความร้เร้่อง้HTML มาก้่อนเลย
13. Gadget รายการ
เป็น้Gadget ท่คล้ายคล้ึงก้ับ้Gadget รายช่อลงค้แต้่ม้ความย้ดหย้่นกว้่า้สามารถสร้างขอความรายการ้
และใส้link ใหข้อความได้ด้วย
14. Gadget ฟ้ด
ค้ณสามารถใช้Gadget น้ดึงข้่าวสารจากในบล้อกของคณ้หร้อบลอกอ่นท่คณสนใจเอามาแสดงเพ้ยงแค้่ใส้
ช่อบล้อกท้่ต้องการลงไปลงไปใน้gadget
15. Gadget Newsreel
เป็น้gadget ท่ทาใหพาดห้ัวข่าวจาก้Google มาปรากฏบนบล้อกของค้ณเท่านั้น
38. หน้า
38
16. Gadget ป้ายกาก้ับ
Gadget น้มความสาค้ัญ้คณควรจะต้ดต้ั้ง้เพ่อใหบทความท่เข้ยนเป็นหมวดหม่้ใหผ้อ่านเหนชัดเจนเล้อก้
อ่านไดตรงความต้องการมากข้ึ้น
17. Gadget ล้งคการสม้ัคร
Gadget น้มความสาค้ัญในเร้่องการส้่งข่าวสารข้อม้ลจากบล้อกของค้ณไปย้ังผ้อ้่าน้ผ้อ่านจะสามารถสมัคร้
ร้ับบทความทาง้email หร้อผ้่านช่องทางอ่น้ๆ้ได้จาก้Gadget น้
18. Gadget โลโก
Gadget น้ไม่สาค้ัญน้ักเป็นเพยงต้ดต้ั้ง้logo ของ้blogger ในหน้าบล้อกเท่านั้น
19. Gadget โปรไฟล
Gadget น้จะแสดงขอมลอย้่างของค้ณท่ได้กรอกเอาไว้บนบ้ัญชของ้Blogger ถ้าคณต้องการแสดงขอมล้
ของค้ณบน้Blog ก้ควรจะตดตง้Gadget น้คร้ับ
39. หน้า
39
20. Gadget คลังบทความของบลอก
Gadget น้จะทาให้ผ้อ่านเหนบทความทั้งหมดภายในบล้อกของคณได
21. Gadget ส้่วนหัวของหนา
Gadget น้เป็นส้่วนท่ใส้Title และ้Description ของ้Blog โดยปกต้แล้ว้Template ทั่วไปกจะต้ดต้ั้งสวนน้้
อย่แล้ว
ค้ณสามารถทดลองใช้Gadget เหล้่าน้ได้โดยไม่ต้องกล้ัวความผ้ดพลาดเพราะ้Gadget บน
Blogger นั้นสามารถลบออกได้อย้่างง้่ายดายโดยวธการจัดการก้ับ้Gadget
42. หน้า
42
เม่อเข้าใจการทางานของ้Gadget ชนดตาง้ๆ้แล้วสงท่อยากจะฝากเอาไว้ตอนท้ายน้ก้ค้อการจัด้
องค้ประกอบหนาของบล้อกด้ังน้
แนวทางในการจ้ัดองคประกอบหนาบล้อก
แนวทางในการจ้ัดองค้ประกอบหน้านั้นไม้่มกฎเกณฑ้ตายต้ัว้บางคนชอบใหม้2 column บางคน้
ชอบใหม้3 column ซึ่งก้ข้ึ้นอยก้ับความชอบและความต้องการใชงาน้แต้่ท่อยากให้คานึงไวเสมอค้อ้ผ้อ่น้ค้อ้
พระเจา้ทาอะไรใหเข้าใจง่ายๆ้หาอะไรก้เจออย่างรวดเร้ว้เข้าไวเป้นพอคร้ับ้และอกประการท้่สาคญค้อ้การ
ตดต้ั้ง้Gadget ต้่าง้ๆ้ควรต้ดต้ั้งเท้่าท้่จาเป็นและต้องการใชงาน้ปฏ้ทน้หร้อนาฬกานั้นก้ไมควรต้ดตง้ลงไป
เลย้เพราะไมค้มคาก้ับการเพ่มภาระการโหลดใหก้ับผ้เข้าชม้และถ้าบล้อกของคณโหลดได้ชา้ก้เป็นไปได้
ยากท้่ผ้อ่านจะกล้ับมาอก
องคประกอบในหนาของบล้อกท่ผมคดว้่าค้ณควรจะม้คอ
ส้่วนท่บอกต้ัวตนของบล้อก้:
ซึ่งอาจจะแสดงในส้่วนหัวของหน้า้หร้อเป็นว้ด้โอ้/สไลด/ข้อความ/ร้ปถ่าย้อย่ในตาแหน้่งท่เหนได
ชัด
ส้่วนท่เช่อมโยงไปย้ังบทความในบล้อก้:
ส้่วนน้จาเป้นมากเพราะจะช่วยให้ผ้อ่านคนหาบทความได้เรวขึ้น้ ค้ณอาจจะรวมบทความทั้งหมด้
เลยหร้อ้อาจจะใช้วธ้จัดหมวดหม่ให้ผ้อ่านเล้อกส้่งท่ต้องการจากบล้อกของเราได้เรวขึ้น
ส้่วนพ้นท่ของสมาชก้:
ส้่วนน้จะแสดงใหเหนว่าม้ผ้สนใจบล้อกของเรามากแค้่ไหน้และสามารถสม้ัครต้ดตามบล้อกของ้เรา
ได้ทันท้เช่นอาจจะใช้Gadget ผ้ต้ดตาม้หร้อใช้Like box Plugins ของ้Facebook หร้ออาจจะทา้Poll ก้ได
ส้่วนท่เป็นช่องทางให้ผ้อ่านตดต้่อเราได้:
ค้ณอาจจะทา้link เช่อมโยงใหผ้อ้่านต้ดต้่อค้ณได้หร้ออาจจะใช้Gadget profile ของ้Blogger
เพ่อแนะนาต้ัวก้ได
43. หน้า
43
บทท่้7้การแสดงข่าวสารล้่าสดดวย้Gadget ฟ้ด
ความหมายของคาว้่า้ ฟีดโดยสร้ปก้ค้อเป็นส้่งท่แพร้่กระจายจากบล้อกของเราบนโลก้ Internet
เทยบได้ก้ับคล้่นส้ัญญาณวทย้หร้อโทรทัศน้ ถ้าม้ต้ัวร้ับท้กคนก้สามารถมองเห้นข้่าวสารท้่ต้องการเล้อกร้ับ้
ได้นอกจากน้ถ้าม้ตวช้่วยส้่งใหฟีดแพรได้แรงขึ้น้ข้่าวสารกย้่อมจะแพร้่กระจายได้เร้วด้วย
ด้ังนั้นถาคณสนใจข่าวสารจากบล้อกใดบล้อกหน้ึ่งค้ณก้สามารถท้่จะเปิดร้ับขาวสารจากบล้อก้
นั้นๆ้โดยใช้Gadget ฟีด้ซึ่งเป็น้Gadget ท่สามารถเพ่มได้อย่างไม่จาก้ัด้ด้ังนั้นถาค้ณต้องการร้ับข้่าวจาก
10้ บล้อกกสามารถทาไดโดยการเพ่ม้gadget ฟีดเข้าไปในบล้อก้10้ คร้ั้ง้ ในขณะเด้ยวก้ันถ้าคณใส้่ช่อ้
บล้อกของตวเองใน้Gadget ฟีด้Gadget ชนดน้จะกลายเป็น้Gadget ท่ใชแสดง้บทความล้่าส้ดนั่นเอง้
คร้ับ
การแสดงข้่าวสารล้่าส้ดโดยการใช้Gadget ฟ้ด
1. ไปท่องค้ประกอบของหนา้>> เพ่มฟีด้Gadget
55. หน้า
55
บทท่้10้รปภาพในบทความบน้Blogger
ค้ณเคยสงส้ัยไหมคร้ับว่า้ร้ปภาพท่ค้ณ้upload ข้ึ้น้
ไปขณะท่เข้ยนบทความ้หร้ออาจจะเข้ยนบทความไปแล้ว้ร้ป้
เหล้่านั้นไปอย้่ท่ไหน้เพราะว่า้Blogger เองไม้่ม้sever ย้ัง้
ต้องอาศัยฐานข้อม้ลของตวแม่ค้อ้blogspot.com อย่้แล้ว้จะ
เอาพ้นท่้ๆ้ไหนมาเกบร้ปตั้งมากมาย?
คาตอบค้อ้Blogger จะใช้วธเช่อมโยงก้ับ้
Application อ่น้ๆ้ของ้Google เพ่อแก้ปัญหาการเก้บข้อม้ล้
เช่นร้ปภาพใน้Blogger ท่เราพดถ้ึงก้ันอย้่ตอนน้ก้จะถกเก้บ
อย่ท่้Picasa Web Albums ด้ังนั้นไม่ว้่าจะเป็นภาพท่ค้ณ้Upload ขณะเข้ยนบทความ้กจะถ้กเก้บอย้่ใน
Picasa Web Albums ทั้งหมด
คณใชบรการ้Picasa Web Albums ได้อย่างไร?
การใชบรการ้Picasa Web Albums สามารถเข้าใชได้ทันทหากคณมบัญชผ้ใชก้ับ้google อย่้
แล้ว้เช่นม้บัญชผ้ใช้Gmail หร้อ้Blogger อย่แล้วกสามารถ้Log in เข้าใชได้เลย
Picasa Web Albums ใหพ้้นท้่เท่าไร?
Picasa จะใหพ้นท่้เพยง้1 GB ต้่อ้1้บัญช้ผใช้น่เป็นเหตผลท่บางคนอาจจะสงส้ัยว่าทาไม
ค้ณภาพร้ปหร้อขนาดของร้ปบน้Blogger จึงลดลง้กล้่าวค้อระบบของ้Picasa จะทาการลดขนาดของร้ปท้
เรา้Upload ผ้่าน้Blogger ใหม้ขนาดเล้กลงเพ้่อเป้นการประหย้ัดพ้นท่น้ั่นเอง
56. หน้า
56
คณจะเข้าไปจ้ัดการร้ปภาพจาก้Blogger ใน้Picasa Web ไดอย่างไร?
การจ้ัดการภาพใน้Picasa Web Albums ทาได้2้วธคอ
1. ใช้Software ท่พ้ัฒนาข้ึ้นมาจัดการ้Picasa Web Albums โดยเฉพาะ
ค้ณสามารถเข้าไปดาวนโหลด้Picasa ได้ท่้้้http://picasa.google.com/
2. เข้าไปจัดการท่เวบไซต้Picasa Web Albums โดยตรง้โดยไปท่้ ้http://picasaweb.google.com
และ้Log in โดยใชช่อบัญช้เดยวก้ับ้Blogger
ค้ณสามารถเข้าไป้Unload ภาพได้โดยตรงก้ับ้Picasa แล้วเรยกมาใชบน้blogger ได้โดยใชต้ัวเล้อก้
อัปโหลด
60. หน้า
60
3.4
2. การฝาก้้youtube มเง่อนไขสาคญๆ้ด้ังน้
- ความยาวของวด้โอไม่เกน้10้นาท
- ควรเป็นวด้โอท่ไม้่กระทบต้่อสถาบัน้ชาต้ศาสนา้พระมหากษ้ัตรย้และ้ศ้ลธรรมอันด้งามของสงคม
3. การ้upload วด้โอข้ึ้นไปท้่เมน้upload (ท่มมขวาบน)้แล้วทาการเล้อกไฟล้ว้ด้โอจากเคร้่องของ้
เรา้และรอจนการ้upload เสร้จส้้น
3.1้คล้กท่ป้่ม้Uploads
3.2้คล้กท่ป้่ม้Upload Video
3.3้เล้อกไฟล้Video ท่ตองการ
3.4้เม่อ้Upload ได้100%้แล้วใหคล้ก้Save change
62. หน้า 62
เร่อง
บทนา……………………………………………………………………………………………………….
หนา
1
บทท่้1้การสร้างเวบบล้อก………………………………………………………………………………… 4
บทท่้2้วธเปล้่ยน้Template ของ้Blogger……………………………………………………………….. 12
บทท่้3้วธเข้ยนและจัดการบทความในบล้อก…………………………………………………………….. 22
บทท่้4้การต้ั้งค้่าพ้นฐานต้่างๆ้ใหก้ับบลอก………………………………………………………………. 26
บทท่้5้ร้จักและใชงาน้Gadget ชนดต้่างๆ้บน้Blogger………………………………………………… 32
บทท่้6้การจัดการก้ับ้Gadget ในหน้าบล้อก…………………………………………………………….. 40
บทท่้7้การแสดงข่าวสารล้่าส้ดด้วย้Gadget ฟีด………………………………………………………… 43
บทท่้9้นับจานวนคนเย้่ยมชมดวย้Flagcounter…………………………………………………………. 53
บทท่้10้ร้ปภาพในบทความบน้Blogger………………………………………………………………… 55
บทท่้11้การสร้างว้ด้โอใน้YouTube และนามาใส้่ในบล้อก……………………………………………… 58