52

Blogger prachin

Embed Size (px)

Citation preview

(Competency based approach)

.

Social Media

2558

เอกสารการเรยนร การสรางบลอกสไตล กศน.

สำรบญ หนำ ค ำน ำ ....................................................................................................................................................... ก สำรบญ .......................................................................................................................................................ข 1. ความหมายของ Web-log .................................................................................................................... 1 2. ความแตกตางของเวบและบลอก ........................................................................................................... 3 3. ลกษณะเดน (ส าคญ) ของบลอก .......................................................................................................... 5 4. ประโยชนของ บลอก .......................................................................................................................... 5 5. องคประกอบและโครงสรางของบลอก ............................................................................................... 7 6. การสรางบลอก การสมครสมาชกและลงทะเบยน .............................................................................. 8 ขนตอนท 1 การสมครสมาชกและลงทะเบยนใชงาน........................................................................ 10 ขนตอนท 2 สรางและตงชอบลอก ...................................................................................................... 13 7. สภาพแวดลอมทวไปของ Blogger ...................................................................................................... 16 8. การเลอกธม (Theme) หรอหนาแมแบบ (Template) ของ Blogger...................................................... 18 9. การสรางหนาเอกสารเนอหา ............................................................................................................... 20 10.การวางภาพประกอบเนอหา ................................................................................................................ 22 11. การสรางกลมเนอหา ........................................................................................................................... 24 12.การแทรกไฟลวดโอจาก YouTube ...................................................................................................... 28 13.การเลอกธมหรอหนาแมแบบมาใชใน Blogger จากเวบไซตทมใหบรการ .......................................... 30 14. การเลอกเพมองคประกอบอนของ Blogger ........................................................................................ 33 15. การประยกตใชงานรวมกบ Facebook ................................................................................................. 35 16. การเชอมโยง Blogger (BlogSpot) หลาย ๆ เวบเขาดวยกน ................................................................. 37 17. การก าหนดสทธการเขาใชงาน ............................................................................................................ 41 18. การจดการขอคดเหน ........................................................................................................................... 46

เอกสารการเรยนร การสรางบลอกสไตล กศน.

1

1. บลอก (blog) เปนค ารวมมาจากค าวา เวบลอก (weblog) เปนรปแบบเวบไซตประเภทหนง ซงถกเขยนหรอสรางขนในล าดบทเรยงตามเวลาในการเขยน ซงจะแสดงขอมลทเขยนลาสดไวแรกสด บลอกโดยปกตจะประกอบดวย ขอความ ภาพ ลงค ซงบางครงจะรวมสอตาง ๆ ไมวา เพลง หรอวดโอในหลายรปแบบได จดทแตกตางของบลอกกบเวบไซตโดยปกตคอ บลอกจะเปดใหผเขามาอานขอมล สามารถแสดงความคดเหนตอทายขอความทเจาของบลอกเปนคนเขยน ซงท าใหผเขยนสามารถไดผลตอบกลบโดยทนท ค าวา “บลอก” ยงใชเปนค ากรยาไดซงหมายถง การเขยนบลอก และนอกจากนผทเขยนบลอกเปนอาชพกจะถกเรยกวา “บลอกเกอร”

สงคมบลอก

สงคมบลอก หมายถง ชมชน หรอกลมชนทมแนวคด มความรกในการถายทอดความร ประสบการณทศนคต มมมองเฉพาะตว ผานสเครอขายอนเทอรเนต ในรปของบทความ ความร มมมอง แนวคด ผานตวอกษร หรอภาพถาย งานกราฟกหรอวดโอ ใหกบผสนใจทงในกลมเดยวกนและผสนใจทวไป อกทงเปดโอกาสใหคนในชมชนแหงสงคมบลอกไดเขามารวมแสดงความคดเหนไดอยางอสระ

ควำมเปนมำของบลอก

ในความเปนจรงแลวบลอกมมาในชวงยคตน ๆ ของการมเวบไซตเลยทเดยว (ชวงประมาณป ค.ศ.1992) โดยบลอกมตนตระกลมาจากเวบประเภทหนงทเรยกวา What’s New ซงในยคแรกขณะนนยงม

เวบไซตจ านวนไมมากนก เจาหนาทของสถาบนวจยนวเคลยรภาคพนยโรป (CERN) ไดเปนผ เ รมสรางเวบส าหรบน าเสนอขาวเกยวกบวงการเวบ รวมถงแจงขาวสารเวบไซตทเกดใหม โดยท าในลกษณะเปนลงคชไปยงเวบไซตนนๆ และมค าอธบายวามนคออะไร มอะไรนาสนใจบาง จากนนกมผท า What’s New ในลกษณะตาง ๆ มากมาย จนถงป ค.ศ.1997 นายจอรน บารเกอร (Jorn Barger) เจาของเวบไซต www.robotwisdom.com ซงเปนเวบ

ทมลกษณะเปน บลอก อาจกลาวไดวาเปนบลอกรนแรกๆ กไดคดค าวา weblog ขนมา (ศกษาเพมเตมท http://robotwisdom2.blogspot.com/2007/08/jorn-barger-wikipedia-template.html)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

2

ตอมาในป ค.ศ.1999 ปเตอร เมอรโฮลซ (Peter Merholz) เจาของ www.peterme.com/ ประกาศวา ตอไปเขาจะอานค าวา weblog วา “ว - บลอก” และจะเรยกสน ๆ วา blog “บลอก” เนองจากในยคสมยนน ยงมคนใชบลอกจ านวนไมมากนก และความคดน ถอเปนความคดทแปลกใหมนาสนใจ นบตงแตนนมา ค าวา บลอก จงกลายเปนค าทไดรบความนยมไปทว และถกใชกนอยางแพรหลาย แมวา weblog นนดจะเปนภาษาทางการมากกวาค าวา blog แตกยงมผเรยกขาน weblog อยเชนกน

ใน ป ค .ศ .1999 เ รม มบ รการ ชวยส รางบลอกฟร ท เ กด ขนในชวง เวลาไ ล เ ล ยกน ไดแ ก

www.blogger.com และ www.pitas.com ทงสองเวบไซตเปดใหบรการแกสมาชก ซงจะใหเครองมอในการ สรางบลอก โดยจะใชงานเครองมอเหลานผานทางเวบบราวเซอร หากใครทมพนทจดเกบเวบไซตอยแลว กสามารถสรางบลอกแลวน าบลอกไปเกบไวในพนทจดเกบเวบไซตของตนเองไดเลย หรอถาไมมพนทเกบเวบไซต กสามารถฝากบลอกไวกบผใหบรการไดอกดวย เมอมเครองมอลกษณะนมาใหบรการ ท าใหการสรางบลอกเปนเรองทงายมาก ๆ ผสรางบลอกเพยงแคใสขอมลอยางเดยวและไมจ าเปนตองรเรองการสรางเวบกได เลยท าใหวงการบลอกเปนทสนใจ และท าใหมบลอกใหม ๆ เนอหาทหลากหลายเกดขนมากมาย

โดยปกตการสรางบลอก สามารถสรางไดงายผานเครอขายอนเทอรเนต ของผใหบรการสราง Blog ฟร ซงจะมเครองมอสนบสนนใหผสรางเนอหาสามารถสรางสรรคงานเขยนไดอยางงายและรวดเรว ปจจบนมทนยมหลายแหง อาท www.blogger.com, www.wordpress.com, เปนตน

ส าหรบบานเรากนยมสรางบลอกเปนเครองมอชวยในการประกอบธรกจ การคาผานอเลกทรอนกส การแลกเป ลยนความ รออนไลน การใช เพ อ เ ปนแหลงขอมลข าวสาร อาท http://bloggang.com www.oknation.net/blog/index.php และ http://gotoknow.org

เอกสารการเรยนร การสรางบลอกสไตล กศน.

3

2.

บลอก (blog) จะแตกตางจากเวบไซตแบบ Static ตรงทบลอก จะมเรองใหนาตดตาม ไมวาจะเปนบทความใหม ๆ ทมใหอานมากกวา มพนทใหผอานไดโตตอบได จนกระทงมผกลาวไววา Blog จะมาแทนทเวบไซตนง ๆ ทท าหนาทเปนเหมอนโบรชวรออนไลน 1. Monologue versus Dialogue

Website (Static) BLOG

เปนลกษณะทผสรางตองการน าเสนอสาระเนอหา ใหผอานไดรบร ในลกษณะการบอกเลาเรองราวแตเพยงฝายเดยว

ธรรมชาตของบลอกมความเปนกนเอง มสวนอนญาตการแสดงความคดเหนหรอพดคยกบผเขยนเจาของบลอกได เจาของบลอกสามารถบรหารจดการความคดเหนไดโดยงาย

2. Static content versus Fresh content

Website (Static) BLOG

รปแบบการน าเสนอเนอหาแมวาจะสามารถออกแบบไดตามความตองการของผสรางกตาม แตการสรางหรอปรบปรงเนอหานนผสรางตองมความร และการปรบปรง เปลยนแปลงยงจะตองกระท าภายใตโปรแกรมเฉพาะ

การเขาถง BLOG สามารถเขาถงไดดวย Device ทหลากหลาย ผใชงานแมจะไมมความรดานเวบกสามารถสรางหนาเวบหรอแกไข ปรบเปลยน ปรบปรง เพมเตมเนอหาไดโดยงายเทาทตองการ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

4

3. Hierarchical versus Flat structure Website (Static) BLOG

โครงสรางเวบไซตจะอยในสภาพเปนล าดบชนตามธรรมชาตภายใตกลมเนอหา ซงจะมเมนเปนสวน น าทาง

โครงสรางจะเปนหนาเอกสารทถกสรางขนเรยงล าดบดวยเวลาเปนสวนก ากบ ซงหนาเวบ ทสรางลาสดจะแสดงเปนล าดบแรกของบลอก

4. Navigation Menu versus Tags and Categories

Website (Static) BLOG

การเขาใชงานเวบไซตแบบนผใชงานจะเขาถงสาระเนอหาผานระบบเมนน าทาง ซงถกออกแบบเปนกลมเนอหาทชดเจน การเขาถงมความนาสนใจและยดหยนตามการออกแบบไดมากกวา รปแบบ Static การคนหาท าไมได นอกจากเวบไซตจะถกออกแบบเปน Dynamic ซงสามารถออกแบบระบบ Search ได

แมวาบลอกจะมการก าหนดหมวดหมดวย Label แตการเขาถงเนอหาทตองการ อาจจะตองคนหา จากระบบ Search เนอหาทน าเสนอ จะถกบงคบหรอควบคมดวยวนเวลา เนอหาใหมจะเขาแทนทเนอหาทเกากวา ซงอาจจะไมเรยงล าดบ เพราะการเรยงล าดบ จะยดถอไปตามเวลาทสรางหรอก าหนดไว

5. One-off versus ongoing SEO (search engine optimization)

Website (Static) BLOG

เวบไซตแบบ Static จะไมผกตดกบระบบฐานขอมล หรออาจเรยกไดวาเปนแบบระบบปดดงนนการคนหา การเขาถงเนอหาทตองการอยางรวดเรวนน จะกระท าไมไดหรอท าไดยาก

BLOG ถกออกแบบใหมระบบคนหาทคลองตว แมนย า ในการสรางบลอกแตละหนาจะอยภายใตโครงสรางของระบบทเกยวของกบฐานขอมลเสมอ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

5

3.

Blogger กคอเวบทใหบรการสรางสาระ เนอหา การบนทกเรองราวผานหนาเวบ อาจกลาวไดวาเปนอกรปแบบหนงของเวบไซต ซง Blogger มลกษณะเดน ทมมากกวา Web-log อน ๆ ดงน 1. มความแขงแกรงในเชงโครงสราง เพราะ Blogger เปนของ Google ทมองคประกอบจากเครอขายดาน

ตาง ๆ อาท ดานภาพจาก Picasa Web Albums เวบไซตผใหบรการเกบรวบรวม รบฝากภาพทมผใชมาก นอกจากน Blogger ยงมอาณาจกรของวดโอทยงใหญอยาง YouTube ใหบรการ รวมถง Search Engine: Google ดงนนจงแนใจไดวา บลอกททานสรางขนจะแพรหลายดวยมผเขาถงหรอคนหาไดอยางรวดเรวผาน Google นนเอง

2. รองรบการปรบแตงแกไข การเปลยนปรบรปแบบ interface โดยใช template จากภายนอกได 3. การแกไขเนอหา ปรบปรงขอมล ท าไดโดยงายผาน Device ทกประเภท 4. มสวนก าหนดเงอนไขใหผอานมสทธรวมแสดงความคดเหน (comment) ในแตละเนอหาไดอยางอสระ 5. มองคประกอบพเศษไวเพมเตมใหกบบลอกไดตามความตองการของผใชงานไดหลากหลาย อาท Label

ส าหรบใชจดหมวดหมเนอหา หรอ RSS Feed ส าหรบการอพเดทขอมลของบลอก หรอสถตผเขาอาน หรอการท าแบบส ารวจออนไลน เปนตน

6. รองรบการใช script พเศษได อาท HTML/Java Script ตามทผสรางบลอกตองการ 7. สามารถแสดงผลบน Device ตาง ๆ ไดอยางสมบรณไมวาจะเปนคอมพวเตอร Smart phone หรอ Tablet

4.

ประโยชนของบลอกมมากมายหลายประการ อนไดแก 1. เปนสอโฆษณำ ประชำสมพนธ

ถอไดวาบลอกเปนเวบทเจาะกลมเปาหมายของผคนทใชเครอขายอนเทอรเนตเปนหลก การวางกลยทธการตลาดในแวดวงธรกจไมอาจพ งพาแค แผนพบ ใบปลว หรอการลงโฆษณาตามหนงสอพมพ การโฆษณาผานวทย โทรทศน ซงชองทางทกลาวนบวนยงมคาใชจายในการประชาสมพนธสง การใชบลอกเพอประชาสมพนธ จงเปนอกวธการทมคาการลงทนทต า แตสามารถสงผลทางการตลาดทสงขนได นอกจากนในภาครฐมหลายแหงทใชบลอกเปนเครองมอ ชองทางในการเผยแพรขาวสารของหนวยงานอกทางหนงดวย 2. เปนแหลงใหขอมลควำมร เฉพำะเรอง

ปจจบนขาวสารตาง ๆ รวมถงเทคโนโลย มการเปลยนแปลงรวดเรวมาก จนหนงสอหรอสงพมพตาง ๆ ลาสมย หรอไมสามารถออกไดทนตามความตองการของผทสนใจ การใชบลอกเปนอกชองทางหนงในการใหขอมล ถอเปนสงทส าคญมาก เพราะวาการสรางบลอก ไมตองเสยคาใชจายมาก

เอกสารการเรยนร การสรางบลอกสไตล กศน.

6

และสามารถเขยนหรอปรบปรงแกไขขอความทเขยนไดอยางรวดเรวงายดาย จงมผทมความรหลายตอหลายทานใชบลอกเปนทเผยแพรความร เชน

http://www.blognone.com/ (บลอกทน าเสนอเรองราวเกยวกบเทคโนโลยใหม ๆ http://www.oknation.net/blog/black (บลอกวเคราะหขาวของคณสทธชย หยน)

3. เปนพนทแลกเปลยนควำมคดเหน ปจจบนบลอกถอเปนชองทางทใชแลกเปลยนความคดเหนไดอกทางหนง เพราะบลอกสวน

ใหญ มกจะอนญาตใหผอานแสดงความคดเหนของตนทมตอขอความในบลอกนน ๆ ได ซงอาจจะเปนการใหค าแนะน า หรอจะเปนการแสดงความเหนดวย/ไมเหนดวยกบขอความในบลอกนน ๆ การแลกเปลยนความคดเหนระหวางผเขยนบลอกและผอานบลอกสามารถท าใหเกดเปนสงคมยอย ๆ ขนมา 4. เปนเวทกำรเรยนร

นอกจากจะเปนแหลงขอมลเฉพาะเรองแลว สถานศกษา หรอคร และบคลากรทางการศกษา ยงใชบลอก เปนอกกลไก หรอเครองมอในการเผยแพรความรเนอหา เพมเตมจากหลกสตร หรอเปนเวทส าหรบใหลกศษยเขามาแสดงความคดเหน หรอตอบค าถามตาง ๆ

ในโลกของสงคมขาวสารปจจบน บลอก เปนอกปจจยส าคญของ Social network ทมอทธพลตอวงการธรกจ วงการขาวสาร ประชาสมพนธ หรอแมกระทงแวดวงการศกษา จะเหนไดวาอตราการเจรญเตบโตของบลอกประเภทตาง ๆ ไมวาจะเปนบลอกสวนตว ไปจนถงบลอกขององคกร/ธรกจ จะมอตราทสงขนอยางรวดเรว ถอไดวาเปนการเกดของ สงคมแหงการแบงปน ทมทงผตองการสาระเนอหา ผทเผยแพรเนอหา ไมวาจะเปนเรองราวหลากหลายประเภทหรอหลากหลายมมมอง หรอชนชมผลงานสวนตวไมวาจะเปนประสบการณชวตตาง ๆ ผลงานรปภาพ งานกราฟก งานมลตมเดย ตาง ๆ ไปจนถงบลอกขององคกร/ธรกจ ทมจดมงหมายเพอการโฆษณา ประชาสมพนธ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

7

5.

1. ชอของเวบบลอก (URL Name) เปนชอของเวบททานสราง (http://crnfe2013.blogspot.com) ซงจะปรากฏในชอง Address bar และ Status bar

2. ชอบลอก (Blog Title) ตรงสวนนจะเปนชอของเวบ ค าจ ากดความของเวบ หรอชอของเวบ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

8

3. กลมเนอหำบทควำม (Label) หรอสำรบญ เปนสวนแสดงกลมเรองราวทไดจดหมวดหมไว หรออาจจะเรยกเปนสารบญเนอหากได

4. แถบแสดงผเขยนและวนเวลำ (Tag bar & Time Stamp) เปนสวนแสดงผเขยน รวมถงแสดง วนท หรอเวลา ท post ขนระบบก ากบอยดวย

5. ชอบทควำม (Entry Title) ชอเรองของบทความทเขยนในบลอก

6. ตวเนอหำบทควำม (Entry’s Main Body) เปนสวนแสดงบทความดวยตวหนงสอ รปภาพ วดโอ หรอภาวะเคลอนไหวอน ๆ

7. สวนแสดงควำมคดเหน (Comment Area) เปนชองทใหผอานรวมแสดงความคดเหน

8. สวนน ำทำงไปยงบทควำมใหมหรอบทควำมยอนหลง (New & Older Posts) เปนสวนน าทางส าหรบเชอมตอไปยงบทความใหม หรอบทความยอนหลง ในกลมเนอหาทผอานก าลงสนใจ

9. สวนแสดงเนอหำทมผสนใจมำกสด (Popular Posts) เปนสวนแนะน าเรองทมผสนใจเขาอานสงสด ซงจะแสดงเปนหวเรอง สวนน าเนอหา และภาพประกอบในลกษณะของ Thumbnail

6. การสรางบลอกอาศยวธการ 2 ประเภทใหญ ๆ คอ

1. สรำงจำกโปรแกรมบลอกหรอซอฟทแวร บลอกประเภทน ผสรางตองท าการตดตงซอฟทแวรทมใหดาวนโหลดบนอนเทอรเนต มทง

ใหใชงานฟร และแบบเสยคาบรการรายป โปรแกรมทนยมใชงานมาก ๆ ไดแก WordPress, Joomla, Mambo และ LifeType เปนตน

2. สรำงจำกเวบไซตผใหบรกำรออนไลน เปนอกประเภททมผนยมใชงานมากทสด เนองดวยใชงานงาย ไมยงยาก ท างานคอนขาง

รวดเรว แบบน ทานตองเปนสมาชกของเวบไซตผใหบรการกอน ไดแก GotoKnow, Bloggang, OKnation Blog, WordPress/Windows Live หรอ Blogger ททานก าลงศกษาขณะนถอไดวาเปนบลอกฟรทสรางงาย ไดรบความนยมสงสดซงกเปนผลตภณฑของคาย Google

เอกสารการเรยนร การสรางบลอกสไตล กศน.

9

กำรสรำงบลอกกบ Blogger 1. ผสรางตองมอเมลส าหรบสมครเพอเปดใชบรการของ Blogger ทานควรมอเมล ของ Gmail ซงเปน

ผลตภณฑของ Google เพอเขาถงองคประกอบหลกในการสรางบลอก รวมถงสวนบรการเสรมของ Google อ น ๆ ไ ด ง า ย ( แ ต ก ส า ม า ร ถ ใ ช email เ ค ร อ ข า ย ใ ด ก ไ ด ศ ก ษ า เ พ ม เ ต ม จ า ก http://mediath3.blogspot.com)

2. ไปท www.blogger.com เพอเรมสรางบลอก โดยไปทสวนลงชอเขาใชงาน (Sign in) ดานขวา ใสอเมลของทานและรหสผานลงในชอง จากนนคลกทปม ลงชอเขาใชงาน หากทานทไมคณเคยภาษาไทย อยากเปลยนเปนภาษาอนคลกเลอกเปลยนทมมขวาลางสด (ส ำหรบบทควำมนขอใชภำษำไทย)

3. จะเขาสหนาการลงทะเบยนใชงาน ซง Blogger มขนตอนทไมยงยากเพยง 3 ขนตอน กคอ ขนตอนท 1 การสมครสมาชกและลงทะเบยนใชงาน ขนตอนท 2 การสรางและตงชอบลอก ขนตอนท 3 การเลอกแมแบบ (Template)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

10

ขนตอนท 1 กำรสมครสมำชกและลงทะเบยนใชงำน เรมทคลกทปม สมครใชงาน (สแดงดานบนขวา)

1. จะเกดหนาใหทานกรอกประวตเพอสมครเขาใชงาน แนะน าใหควรกรอกประวตดวยขอมลจรง หรอ ขอมลททานตองจ าได

เอกสารการเรยนร การสรางบลอกสไตล กศน.

11

2. เมอกรอกขอมลถกตอง และครบถวนใหคลกทปม ขนตอนถดไป (สฟาดานลางขวา)

3. จะปรากฏหนา ยนดตอนรบ กถอวาเสรจสนขนตอนการสมครเขาใชบรการ ซงเทากบวา ทานม

เมลส าหรบใชงานเพมขนอกเมลไปโดยปรยาย

เรมเขำใชงำน 1. คลกทปม กลบไปท Blogger สฟา

เอกสารการเรยนร การสรางบลอกสไตล กศน.

12

2. เลอกไปทโปรไฟลบลอกเกอร คลกปม สรางโปรไฟลบลอกเกอรแบบจ ากด 3. ใสชอของ Blog ลงในชองชอทแสดง

4. คลกทปม ด ำเนนกำรตอไปยงบลอกเกอร (สสม)

5. มาถงตรงน ทานกมสทธพรอมทจะสรางเรองราวเนอหาบน Blog แลว

เอกสารการเรยนร การสรางบลอกสไตล กศน.

13

ขนตอนท 2 สรำงและตงชอบลอก ขนตอนน จะเปนการตงชอของเวบบลอกของทานในสภาพจรง เรามาท ากนตอเลย

1. โดยการคลกทปม บลอกใหม ซงจะเกดหนาตางขนมาใหม ทานตองก าหนดชอทจะแสดงทหวเวบทานลงไปในชอง ชอ และก าหนด URL หรอชอเวบไซตทใชแสดงผลเวบ ลงในชอง ทอย ซงชอททานก าหนด ระบบจะท าการตรวจสอบทนทวาสามารถใชงานไดไหม

2. ทสวนแมแบบทานสามารถก าหนดเลอกแมแบบตรงสวนนกอนไดถอเปนการเขาสขนตอนท 3

เลอกแมแบบ (เนอหาจะอยในสวนท 8 เรอง กำรเลอกธม : Theme หรอหนำแมแบบ : Template หนาท 18 หรอจะไปเลอกตอนหลง) ซงจะมแมแบบหลกๆใหทานเลอก 7 กลม ทานสามารถเปลยนแปลงไดอกในภายหลง เมอเรยบรอยใหคลกทปม สรำงบลอก ไดเลย

เอกสารการเรยนร การสรางบลอกสไตล กศน.

14

3. ทหนา Blogger จะกลบมาทหนาเดม ซงคราวนจะเหนชอททานตงปรากฏอย ดงภาพดานลาง

มาถงตอนน ครบ 3 ขนตอน ทานกพรอมทจะเรมเขยนบลอกไดแลว 4. เรมเปนนกเขยนบลอก ใหทานคลกทปม รปปากกา หรอคลกทค าวา เรมตนการโพสต ซงจะเขาส

กระดานเขยนบลอก ดงภาพ

ภายในกระดานเขยน จะแบงเปน 3 สวน สวนแรก คอสวน ควบคม อยสวนบนสด ประกอบดวยชอของบลอก ชองใสชอเรองททานตองการ

เขยน ปมเผยแพร ปมบนทก (ซงโปรแกรมจะบนทกใหอตโนมตเปนระยะ ๆ) ปมแสดงตวอยาง และปมปดหนาตาง เพอกลบไปหนาบญชหลก

สวนท 2 เปนสวนเขยนเนอหำ มเครองมอใชงานพนฐานทจ าเปน ซงส าหรบทานทใชโปรแกรมการจดท าเอกสารจ าพวก Word กคงไมยากอะไร สวนส าคญของบลอกนทานสามารถใสภาพ หรอวดทศนไดอยางงาย หรอจะใชวาง link เวบไซตตาง ๆ กได

เอกสารการเรยนร การสรางบลอกสไตล กศน.

15

สวนท 3 เปนสวนสนบสนนเพมเตม ซงอยทางดานขวามอ ไดแก ปำยก ำกบ ส าหรบสรางกลมของเนอหา จะแนะน าในบทความตอไป ก ำหนดเวลำ ม 2 คาทตงคอ อตโนมตดวยระบบ และตงคาเอง ต ำแหนงทตง ซงไวก าหนดทอยของทานเชอมกบบรการ Google Map ตวเลอก จะเปนสวนก าหนดคาพเศษตาง ๆ ไดแก การใหบลอกอนญาตใหผอานแสดง ความ คดเหนกบบทความของทาน หรอการตงคาการเขยนบลอกในเชงเทคนค ภาษา html หรอเงอนไขการขนบรรทดใหม (ในทนควรเลอกรายการกด Enter)

5.หากบทความททานเขยนยงไมเสรจกยงไมตองคลกทปมเผยแพร ใหคลกทปมปด สถานะของเรองททานสรางจะอยในสถานะฉบบรางหรอ Draft ทานสามารถมาเขยนตอได

6.หากทานเขยนหรอสรางเสรจแลว และท าการคลกปมเผยแพร บทความนกจะถกเผยแพรทนท ซงระบบยงอนญาตใหทานกลบมาแกไข เปลยนแปลง เพมเตมไดตลอดเวลา โดยเลอนเมาสมาทชอรายการบทความจะมรายการ (แกไข ด ลบ) ตามททานไดด าเนนการเขยนบทความไว 7. มาถงตรงนทานกมบลอกเปนของตวทานเองแลว ดงภาพดานลาง

เอกสารการเรยนร การสรางบลอกสไตล กศน.

16

7.

สภาพแวดลอมทวไปของ Blogger ในเวอรชนของ Google มขอแตกตางจาก Blogger ในรนดงเดมอยบาง เรามาเรยนรกนในสวนของสภาพแวดลอม พนฐานคาต งตนโดยรวมกนกอน โดยจะท าการเปรยบเทยบ ในมมมอง ทง 2 ฝง คอฝงของผสรางงาน (ภาพดานบน) ทจะม หนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) เปนสวนส าคญในการสรางงาน และฝงทางผอาน กคอการแสดงผลจรง (ภาพดานลางสด)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

17

นนมาศกษาในแตละสวนเฉพาะตรงต าแหนงส าคญทงสองฝงกน หมำยเลข 1 คอ Favicon ส าหรบไวสรางเอกลกษณของบลอกในลกษณะเปน โลโกเลก ๆ ททานตองเตรยม

ไฟลรปไว หมำยเลข 2 คอ สวนเมนบาร หรอแถบน าทาง สวนนในมมมองมองผเขาชมหรอผอาน จะประกอบดวย

รายการ สวนคนหำ จะเปนสวนคนหาขอมลในบลอกน ใชรวมกน จะเปนสวนเชอมตอ Social network ตดตำม จะเปนสวนส าหรบใหเราเฝาตดตาม (พรอมแจงขาว) อานบลอกสมาชกคนอน

รำยงำนกำรละเมด เปนสวนแจงไปทเวบไซตของ Blogger เมอพบมการละเมดบทความ หรอขอผดพลาด บลอกถดไป เปนสวนเชอมตอไปยงบลอกอน ๆ ทอยในกลมเดยวกน สวนแสดงผเปนเจำของ ซงจะแสดงดวย e-mail บทควำมใหม (สรำงบลอก) สวนส าหรบสรางบลอก กำรออกแบบ สวนส าหรบสรางบลอก ออกจำกระบบ/ลงชอเขำใช ส าหรบอ านวยความสะดวกแกสมาชกใหเขาสระบบ หมายเหต หากมการใชหนาแมแบบจากภายนอกทไมใชหนาของ Blogger ตรงสวน

หมายเลข 2 ทงหมด จะไมปรากฏ หมำยเลข 3 เปนสวนวางหวเวบ (Page Header) จะอยในต าแหนงเกอบบนสด ซงระบบอนญาตใหทาน สามารถน าภาพกราฟกหรอ Logo มาวางตรงจดนได เพอบงบอกตวตน (ดงตวอยางขางลาง) ซงคาดงเดมจะแสดงเปนแคขอความทเปนชอททานลงทะเบยนไวแทน หมำยเลข 4 เปนสวนแสดงเนอหาบทความ หมำยเลข 5 โซนนเรยกวา Sidebar เปนสวนแสดงรายการบทความหรอรายการบลอก (ขอความตรงนสามารถแกไขตามความตองการได) หมำยเลข 6 เปนสวนแสดงขอมลของเจาของบลอก ซงจะอยในโซน Sidebar เชนกน สวนนสามารถใสภาพ เจาของบลอก หรอ Logo ประจ าตวได หมำยเลข 7 เปนสวนทายเวบทจะแสดง Status ของเวบวาเปนใคร ผนวกรวมกบแสดงรายละเอยด ของรปแบบ template และแสดงสทธของบลอก ซงกคอ Blogger นนเอง

เอกสารการเรยนร การสรางบลอกสไตล กศน.

18

8. Template หรอ Theme นบเปนอกเสนหของบลอก ซง Blogger จะมรปแบบของหนาแมแบบใหบรการหลายรปแบบ ประมาณ 30 แบบ ทผใชงานสามารถเลอกใชไดอยางอสระ ในหลายกลม อาท Simple, Dynamic Views, Picture Windows, Awesome Inc., Watermark, Ethereal และ Travel

เอกสารการเรยนร การสรางบลอกสไตล กศน.

19

นอกจากน Blogger ยงอนญาต ใหผใชงาน น าธมหรอแมแบบจากภายนอกเขามาใชงานเพอปรบเปลยน interface ใหดนาสนใจ หรอเหมาะสมกบสภาพของบลอกททานสรางอกดวย ศกษาไดในสวนท 13 หนาท 30

เอกสารการเรยนร การสรางบลอกสไตล กศน.

20

9. การสรางบทความบน Blogger สามารถสรางงานไดคอนขางงาย ซง Blogger สนบสนนการสรางงานใน 2 ลกษณะ ทงแบบพมพ-จดหนาเอกสารทมมาพรอมเครองมอทจ าเปนตอการใชงาน กบอกรปแบบทผใชตองมทกษะทางดานการพฒนาเวบพอสมควร เรามาศกษารายละเอยดกนทละแบบ 1. แบบ Compose ในแบบนคอนขางท างานคลายคลงกบโปรแกรม Microsoft Word มเครองมอทจ าเปนตอการใชงาน มาพอสมควร ผสรางเนอหาสามารถสรางสรรคงานไดงาย

มสวนประกอบในหนาตางท างาน ดงน 1. ชองก าหนดหวเรอง 2. สวนเลอกรปแบบการสรางเนอหา ระหวาง Compost และ HTML ซงสถานะปจจบน อยในโหมด Compose 3. เครองมอการ Undo Redo 4. รปแบบฟอนต ตวอกษร ม 7 รปแบบ 5. ขนาดตวอกษร ม 5 ขนาด เลกสด ถง ใหญสด 6. ก าหนดคณลกษณะของตวอกษร หนา เอน ขดเสนใต 7. ก าหนดสของตวอกษร 8. ก าหนดคณลกษณะใหเกด highlights ตวอกษร ท าบทความใหอยกงกลาง 9. ท า Link ใหขอความ ซง Link ทสรางสามารถก าหนดไดทงทเปน Link ของเวบไซต และ จดหมายอเลกทรอนกส 10. เพมรปภาพลงในบทความ โดยระบบจะใหเราอพโหลดไฟลรปภาพจากเครองคอมพวเตอรขน สระบบ และยงสามารถปรบขนาดและจดรปแบบใหอย ซาย, กลาง, ขวา ได 11. เพมวดโอลงในบทความ ซงทานสามารถเพมจากเครองคอมพวเตอร จาก YouTube จาก โทรศพทมอถอ เปนตน

เอกสารการเรยนร การสรางบลอกสไตล กศน.

21

12. เปนสวนวาง Jump break ส าหรบขนบรรทดใหม 13. ท าบทความใหชดซาย อยกงกลาง หรอชดขวา 14. ส าหรบใสล าดบขอใหบทความ ซงมใหเลอกทงแบบตวเลขและแบบ Bullet 15. ใส "," ใหกบขอความทตองการเนนค าพด 16. สวนก าหนดเงอนไข ปายก ากบ หรอ Label ใหบทความ 17. ก าหนดวน เวลา ก ากบบทความ มทงแบบตงคาเอง และแบบอตโนมต 18. ต าแหนงและทอยของเครองคอมพวเตอร ทสรางบทความ 19. สวนก าหนดเงอนไขพเศษ ใหกบบทความ 20. Update/Publish เปนสวนก าหนดสถานะของบทความวาอยในแบบออนไลน (อยในสถานะ Update) หรอเปนตนฉบบ (จะแสดงเปน Publish) ซงจะท างานสมพนธกบ Save ในขอ (21) โดย Update/Publish ถอเปนปมส าหรบการปรบปรงขอมลทเราแกไขหรอสราง (คลายกบการ save) 21. เปนสวนก าหนดสลบสถานนะบทความทสราง ระหวางบทความออนไลน หรอ แคเปนฉบบราง ซงตรงปมน จะม 2 สถานะ คอ Revert to Draft (ราง)/Save 22. Preview เปนปมส าหรบทดสอบการแสดงผล 23. ปดกระดานสรางเนอหา 2. แบบ HTML ในลกษณะนผสรางงานตองมพนความรดานภาษาค าสงท html ซงสามารถเขาถง ปรบแก เพมเตมลกษณะพเศษไดคอนขางมากผานการใชภาษาค าสง html

โดยในรปแบบน เครองมอจะเหลอเพยงไมกรายการ ไดแก

1. ชดสลบโหมดระหวาง Compost และ HTML ซงสถานะปจจบน อยในโหมด HTML 2. ชดก าหนดคณลกษณะตวอกษรหนา หรอ เอยง 3. เครองมอวาง links 4. เครองมอน าภาพเขา 5. สวนใส "," ใหกบขอความทตองการเนนค าพด นอกนนจะมลกษณะใกลเคยงกบแบบ Compose (แบบท 1)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

22

10. หลงจากพมพขอความแลวถาตองการวางภาพประกอบเนอหาประกอบบทความ มวธการ ดงน

1. คลกเมาส ต าแหนงหรอบรเวณทตองการวางภาพ แลว คลกทปม แทรกภำพ (รปววในวงกลม)

2. จะเกดหนาตาง Select a file ซงทานสามารถเลอกไฟลภาพจากแหลงตางๆ ถง 6 แหลง 1. Upload: ด าเนนการ Upload จากคอมพวเตอรหรอแหลงเกบ 2. Form this blog: การแทรกไฟลภาพจาก BLOG ของทาน 3. Form Picasa Web Albums: การแทรกไฟลภาพจากเวบไซตของ Picasa Web Albums ทเปนสมาชก 4. Form your phone: การแทรกไฟลภาพจากโทรศพท Smartphone 5. Form your webcam: การแทรกไฟลภาพจากกลองเวบแคม 6. Form a URL การแทรกไฟลภาพจากเวบไซตอน ๆ ในทนเปนการเลอกจากตนทางทเครองคอมพวเตอร ซงเปนรายการ Upload

3. คลกปม Choose file ท าการเลอกไฟล โดยกดทปม Browse ไปยงต าแหนงทเกบไฟลภาพ (ไฟลภาพตองเปน ไฟลนามสกล JPG GIF หรอ PNG และขนาดความกวางทเหมาะสมไมเกน 600 Pixels ดงนนควรตกแตงไฟลภาพทจะ Upload ขน Blog ทงหมดใหมขนาดกวางไมเกน 600 Pixels ใหเรยบรอยกอนท าการ Upload รปภาพ ซงจะท าใหการ Upload รวมถงการแสดงผลท าไดรวดเรว

เอกสารการเรยนร การสรางบลอกสไตล กศน.

23

4. เมอ Upload ไฟลภาพเรยบรอยแลว กดปมเพมรายการทเลอก ภาพจะปรากฏ ในลกษณะ Thumbnail ขนาดเลก น าเมาสไปคลกทรปภาพดงกลาว แลวคลกทปม Add selected

5. จะเกดเมนใหเราสามารถเลอกขนาดของภาพ คอ เลก ขนาดกลาง ใหญ ใหญพเศษ ขนาดเดม และก าหนดต าแหนง ซาย กลาง ขวา หรอ เพมค าอธบายประจ าภาพดวย นอกจากนหากตองการลบภาพทกคลกทปม Remove

เอกสารการเรยนร การสรางบลอกสไตล กศน.

24

11. หากทานมเรองราวมากมาย และคดวาจะเผยแพรเรองราวไวบนบลอกในหลากหลายเรอง ซงเมอนาน

วน รวมถงมเรองเพมมากขน สงหนงทเกดขนคอสาระเนอหา จะกระจดกระจายไมเปนหมวดหม ซง Blogger มเครองมอส าหรบสรางหมวดหม หรอ Categories ไวให ซงการสรางหมวดหม มอย 2 ขนตอนหลก คอ 1. ขนตดตง Gadget 2. ขนตอนก าหนด Labels (ปายก ากบ) ก ากบใสในบทความ (1) ขนตดตง Gadget

กอนอนตองนกไวลวงหนากอนวา จะให หมวดหม หรอ Categories นอยทต าแหนงไหน ในทนสมมตวา จะใหอยใต รำยกำรบทควำม ดงตวอยาง

เมอก าหนดไดแลว มาดวธการ ดงน 1. ไปทหนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) แลวดตรงสวนควบคมบลอก (ซงจะอยดานซายมอ) คลกเลอกรายการ ชอ Layout (รปแบบ)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

25

2. จะเกดผงแมแบบเวบของบลอก เลอก Zone หรอต าแหนงทจะวาง หมวดหม หรอ Categories 3. ดทแถบขอความ (อกษรสฟา) Add a Gadget (เพม Gadget) คลกทขอความดงกลาว 4. จะเกดหนาตางทชอ Add a Gadget ทชอวา Labels (ปายก ากบ)

5. ตงคาปายก ากบ ซงใชคาดงเดม กนาจะดทสด ส าหรบชอนนทานสามารถตงชอใหมไดตามใจชอบ เชน หมวดหม กลมเนอหา หรอ Categories

(ซงตอนนแมตดตงแลว แตทแถบเมนของเราจะยงไมปรากฏรายการ)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

26

รำยละเอยดในหนำตำงกำรปรบแตง Labels จากหนาตางดานบน จะมสวนปรบแตง อย 4 สวน อธบายอยางยอ ดงน 1. Title (หวขอ) ส าหรบตงชอตามใจชอบ แตไมควรยาวนก 2. Show (แสดง) ม 2 เงอนไข คอ

All Labels แสดงทกรายการทปายก ากบทงหมด Selected Labels แสดงเฉพาะปายก ากบทเลอก ซงหากคลกรายการน จะมสวนก าหนดคาการแสดงผลเพมขนมา 3.Sorting (การเรยง) ม 2 เงอนไข คอ Alphabetically เรยงตามล าดบตวอกษร By Frequency เรยงตามล าดบความถของการเขาชม 4.Display (การแสดงผล) ม 2 เงอนไขเชนกน คอ List แสดงเปนรายการ และ Cloud แสดงเปนล าดบขนาดตวอกษรของหมวดหมตามจ านวนรายการทมอย (2) ขนตอนก ำหนด Labels (ปำยก ำกบ) ก ำกบใสในบทควำม เปนขนตอนในการก าหนดใหบทความของทาน เขากลมหมวดหม มวธการ ดงน 1. ไปทหนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) แลวดตรงสวนควบคมบลอก (ซงจะอยดานซายมอ) คลกเลอกรายการ ชอ Post (บทความทงหมด)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

27

2. คลกเปดเลอกบทความทตองการ ใหอยในสภาพการสรางงาน

3. มาดทางมมดานขวา จะมสวนควบคมทชอ Post settings (การตงคาโพสต) 4. คลกเลอกรายการ Labels (ปายก ากบ) จะเกดกลองขอความ ใหทานพมพขอความทจะก าหนดเปนกลมหมวดหมลงไป (หรออาจจะเลอกกลมททานไดก าหนดไวแลวกได) หมำยเหต เราสามารถใส Labels (ปายก ากบ) ใหกบบทความมากกวา 1 ปายก ากบได ซงจะคนแตละปายดวย เครองหมายจลภาค (,) 5. เรยบรอยคลกทปม Done (เสรจสน) 6. ทหนาแรกของบลอก กจะเกดหมวดหมของบทความทเราตงชอไวในขนท 4 ปรากฏขน หมำยเหต 1. Gadget ทชอ Labels นทานสามารถเพมไดมากกวา 1 ต าแหนง 2.หาก Gadget ทสรางขนน ไมตองการ ทานสามารถเขาไปยกเลก โดยคลกทปม Remove

เอกสารการเรยนร การสรางบลอกสไตล กศน.

28

12. มลตมเดยประเภทภาพวดโอ นบเปนอกสอประกอบทนาสนใจ ซง Blogger กสามารถน าไฟลวดโอจากแหลงตาง ๆ น าเขามาประกอบในเนอหา บทความไดโดยงาย มวธการ ดงน 1. คลกเมาส ต าแหนงหรอบรเวณทตองการวางไฟลวดโอ แลว คลกทปม Insert a video (ในวงกลม)

2. จะเกดหนาตาง Select a file ซงทานสามารถเลอกไฟลภาพจากแหลงตาง ๆ ถง 5 แหลง ปจจบนการหาแหลงหรอน าวดโอมาใชงานบนบลอกสามารถด าเนนการได 5 รปแบบ 1. Upload: ด าเนนการ Upload จากคอมพวเตอรหรอแหลงเกบ 2. Form YouTube: การแทรกไฟลวดโอจาก YouTube ทวไป 3. Form YouTube videos: การแทรกไฟลวดโอจากชอง YouTube ทเปนสมาชก 4. Form your phone: การแทรกไฟลวดโอจากโทรศพท Smartphone 5. Form your webcam: การแทรกไฟลวดโอจากกลองเวบแคม

เอกสารการเรยนร การสรางบลอกสไตล กศน.

29

ในทนจะแนะน าเฉพาะ (2) กำรแทรกไฟลวดโอจำก YouTube ทวไป มวธการ ดงน 1. เลอกสรางรายการบทความใหม หรอ จะแกไขเพมเตมจากบทความเดมทมอย ทต าแหนงทตองการวางไฟลวดโอ ซงตรงนทานตองมรายการวดโอ หรอ URL ของรายการวดโอแลวดวย

2. คลกเลอกทรายการ Form YouTube 3. ทชอง Browse เลอกหา หรอน า links URL รายการวดโอทไดพมพวางในชอง คลกเพอนคนหา

4. ท าการตรวจสอบกอนการวางโดยท าการคลกทกรอบไฟลวดโอ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

30

13. แตจากการท Blogger เปนอกบลอกทมผนยมใชมาก ดงนนจงมผสรางธม หรอ Template ทงแบบตอง เสยคาใชจาย และแบบใหใชบรการฟร โดยจะขอแนะน าบางเวบไซต อาท

ในการเลอกใชธม (Template) เพอน าไปตกแตงบลอกททานสราง จากแหลงบรการเหลาน สงส าคญทานตองดหมวดหรอกลม หรอประเภท ตามความเหมาะสมกบบลอกของทานดวย สงทตองสงเกต ในการเลอกใช อาท 1. จ านวนคอลมนในหนา (จะม 1, 2, หรอ 3 คอลมน) 2. ประเภทของแมแบบทออกแบบไว เชน กฬา บนเทง ทองเทยว การศกษา ธรกจ เทคโนโลย เปนตน 3. ส และภาพรวม (Interface) ของบลอก 4. คณลกษณะพเศษเฉพาะ เชน มเมนพเศษ มการแสดงภาพพเศษ เปนตน

เอกสารการเรยนร การสรางบลอกสไตล กศน.

31

กำรหำธม มวธการ ดงน 1. ท าการดาวนโหลดธม (Template) จากเวบไซต ตามททานเลอกหรอจากตวอยางขางบน 2. ท าการแตกไฟล ZIP เลอกไฟลเฉพาะทมนามสกล .xml กำรตดตงธม มวธการ ดงน 1. ไปสวนก าหนด คลกเลอกท Template

2. ไปทปม Backup/Restore ท าการคลก จะปรากฏหนาตางดงภาพดานลาง

3. คลกเลอกทปม Browse เพอไปยงแหลงทเกบไฟลททานดาวนโหลดไว

เอกสารการเรยนร การสรางบลอกสไตล กศน.

32

4. เลอกไฟล ซงจะมนามสกล .xml ตามแหลงทเกบ เลอกแลวคลกปม Open ดงภาพในขอ 3

5. จะกลบมาสหนาตาง Backup/Restore ให คลกทปม Upload 6. หนาบลอกกจะเปลยนไปตามธมททานตองการ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

33

14. Blogger ไมไดเปนเพยงเวบทใชในการเขยนสาระ เนอหา บทความตาง ๆ แต Blogger ยงสามารถตดตงองคประกอบสวนพเศษทเรยกวา Gadget เพมเตมตาง ๆ ไดโดยงาย โดย Blogger ไดม Gadget พนฐานทนาใช และตดตงงายมาก ถง 28 รายการ (มเพมจากป 2013 จากเดม 24 รายการ) มรายการตาง ๆ ดงภาพดานลาง

มาดวธการเพมองคประกอบของ Blogger กน ดงน 1. ไปทหนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) แลวดตรงสวนควบคมบลอก (ซงจะอยดานซายมอ) คลกเลอกรายการ ชอ รปแบบ หรอ Layout

เอกสารการเรยนร การสรางบลอกสไตล กศน.

34

2. จะเกดผงแมแบบเวบของบลอก เลอก Zone หรอต าแหนงทจะวาง หมวดหม หรอ Categories ซงจะมในทกๆสวนของบลอก ไมวาจะเปนสวนบน สวนดานขวา สวนกลางหรอดานลาง (บางแมแบบสามารถวางทางสวนซายไดดวย 3. ดทแถบขอความ (อกษรสฟา) Add a Gadget (เพม Gadget)

4. เลอก คนหา Gadget ตามทตองการ คลกทเครองหมาย + เพอท าการเพมองคประกอบทเลอก 5. ท าการปรบแตง Gadget ตามเงอนไข ของ Gadget นน ๆ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

35

15.

เปนทยอมรบกนวา Facebook เปน Social media ททรงอทธพล มผใชในปจจบนมากกวาหลายสบลานคน ดงนนการทจะใหขอมล สาระเนอหาของ Blogger ททานสรางมคณคาตอการเรยนร หรอมความแพรหลายสงสด การพงพา Facebook กนบเปนอกหนทางทด เรามาดขนตอนการเผยแพรงานผาน Facebook ทหนา Wall มขนตอน ดงน 1. เปดหนาบทความทเราเขยนบน Blogger ทสรางและตองท าการเผยแพร 2. ใหท าการ Copy สวน URL ทชอง Address ของ Blogger

3. ท Facebook ของทาน ใหน า URL ไปวางทชองอพเดทสถานะ ดงภาพขางลาง ซง Facebook จะน าหวขอเรองพรอม Links มาแสดงแทน

เอกสารการเรยนร การสรางบลอกสไตล กศน.

36

4. เลอกบางสวนของเนอหา หรอพมพสวนเนอหาทนาสนใจลงไปแทนในชองขอความททานใส URL ดงภาพขางลาง

5. ท าการคลกปมโพสต Facebook กจะแสดงผล ดงภาพ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

37

16. อกเสนหหนงของ Blogger นนกคอ การน าบลอกเครอขายหรอจากเวบไซตเครอขายอน เขามารวมแสดงผลในบลอก ซงเมอน าเขามากจะแสดงชอบลอก พรอมเรองราวลาสดของบลอกนน ๆ ดวยภาพลกษณะ Thumbnail พรอมเนอหาน าเรองสน ๆ (ดงภาพดานขวา)

เรามาศกษาวธท าการเชอโยงบลอกกน 1. เรมวธท าโดยไปท หนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) เลอกรายการ Layout ทฝงซาย ดงภาพดานลาง เมอได Layout Page มาแลว ใหก าหนดต าแหนงททานจะวาง สวนทใชวางรายการบลอกเครอขาย ซงในทนจะมอย 2 ต าแหนง คอ บรเวณดานขวา และบรเวณดานลาง

เอกสารการเรยนร การสรางบลอกสไตล กศน.

38

2. เมอก าหนดบรเวณไดแลว ใหคลกเลอกรายการ Add a Gadget ทอยในบรเวณนน ซงจะเกดหนาตาง Add a

Gadget เลอกหารายการ ทชอวา Blog List คลกเลอกทเครองหมาย +

3. เมอคลกเลอกแลวจะเกดหนาตาง Configure Blog List (ดงภาพขางลาง) ซงจะมรายการใหทานใสรายละเอยด ดงน Title: เปนสวนส าหรบก าหนดชอ Sort: ม 2 ตวเลอก คอ Most recently update แสดงเรองราวทมคนเขาชมมากทสด Alphabetically by blog title แสดงเรองราวเรยงตามตวอกษร Show: All blogs 5 blogs 10 blogs 25 blogs เลอกเอาวาจะใหแสดงกบลอก นอกจากนยงม Check box ใหทานเลอกก าหนด เพอแสดงรายการ อาท Icon: แสดงไอคอน Blogger (ตว B สสม) Title of most recent item: ชอหวขอของรายการลาสด Snippet of most recent item: แสดงตวอยางเนอหาของรายการลาสด Thumbnail of most recent item: รปยอของรายการลาสด Date of last update: วนทปรบปรงเนอหาครงลาสด

เอกสารการเรยนร การสรางบลอกสไตล กศน.

39

4. ทบรเวณ Add to List เปนสวนทใชในการด าเนนการน าบลอกจากแหลงอนเขามา เมอท าการคลก จะเกดหนาตางใหม ชอ Add to your blog list ดงภาพดานลาง ทชอง Add by URL ใหใส URL ของบลอกทตองการลงไป เสรจแลวคลกปม Add (สสม)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

40

5. เมอคลกปม Add แลว กจะปรากฏรายการของบลอก ในบรเวณ Blog List ดงภาพดานลาง

6. หากไมถกตองทานสามารถ ลบ รายการนไดโดยการคลกปม remove 7. ในกรณทตองการเปลยนชอรายการใหเหมาะสม ทานกสามารถแกไขได โดยมวธการงายดวยการคลกท rename ระบบกจะเปดหนาตางชอ Rename ดงภาพดานลาง

เสรจแลวคลกปม Save ดวย

เอกสารการเรยนร การสรางบลอกสไตล กศน.

41

17. จากการใชงานตามสภาพจรง ผใช Blogger แบงตามการใชงานจะมอย 2 กลม คอ 1. ผจดท าหรอผสรางบลอก และ 2. ผอานบลอก ซงผใชงานแตละประเภท จะมสทธ ในการเขาถงสวนตาง ๆ ของ Blogger ทแตกตางกน และในแตละกลม ยงมสทธในการเขาถงทไมเทากนอกดวย ซงผสรางทเปนเจาของจรงๆนนสามารถก าหนดสทธของผใชงานในแตละกลมใหเปนไปตามความตองการของผจดท าหรอผสรางได สทธผจดท ำหรอผสรำงบลอก ผจดท าหรอผสรางบลอก ในแตละบลอก สามารถเพมผรวมดแล และผเขยน มไดสงสด จ านวน 100 คน โดยแบงระดบ ออกเปน 2 ประเภท คอ Admin (ผดแล) และ Author (ผเขยน)

Admin (ผดแล) Author (ผเขยนบลอก) Admin (ผดแล)สามารถบรหารและจดการ Blogger ไดทงหมด เชน การปรบคาตาง ๆ ของบลอก การปรบแตงรปรางหนาตา การเพมองคประกอบ การเชญผอนมารวมเขยนบลอก เปนตน Admin สามารถมไดหลายคน โดยผจดท ำหรอผสรำงบลอกคนแรก เปนคนเลอนฐานะของ Author เปลยนระดบเปน Admin

ผเขยนบลอก คอผทไดรบการเชญจาก Admin ใหมาชวยเขยนเนอหาของบลอก ผเขยนบลอก ผเขยนสามารถจดท าและแกไขเนอหาของตนเอง แตไมสามารถจดการใด ๆ กบบลอก หรอแกไข บลอกทจดท าโดยผเขยนคนอนได

เอกสารการเรยนร การสรางบลอกสไตล กศน.

42

กำรเพมผเขยนบลอก (Author)

1. เขาไปท หนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) ของ Blogger 2. เลอก การตงคา (Setting) > พนฐาน (Basic) 3. ตรงสวนผเขยนบลอก (Blog Authors) คลกเพมผเขยน (Add authors) 4. พมพอเมล ของผทจะเชญมาเปนผเขยน สามารถพมพไดหลายชออเมล ถาพมพหลายชออเมล แตละชอใหคนดวยเครองหมายคอมมา (,)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

43

5. เมอพมพอเมลของผทเชญในชองเรยบรอย คลกทปมเชญผเขยน (Add Authors) Blogger จะสงเมลเชญไปยงอเมลทระบไว ซงสทธขนตนจะเปนเพยงผเขยน (Authors) โดยอตโนมต

ซงหลงจากตอบรบจะปรากฏขอความแจงกลบมาทางระบบ

เอกสารการเรยนร การสรางบลอกสไตล กศน.

44

6. เมอผไดรบเชญ เปดเมล และท าการตอบรบค าเชญ (Accept invitation) กจะปรากฏชอของบคคลน น ในกรอบของผเขยนบลอกในหนาแดชบอรด (Dashboard) ของ Blogger ทนท

7. ถาผรบเชญยงไมมบญช ของ Blogger จะตองสมครสมาชกของ Blogger โดยท าตามขนตอนทระบไวในอเมล กำรเพมผดแล (Admin) ผจดท ำหรอผสรำงบลอกคนแรก สามารถทจะก าหนดฐานะบคคลทเชญ การยกฐานะผเขยนใหเปนผดแล ผดแลทกคน มสทธยกฐานะผเขยนเปนผดแล ซงมวธการ ดงน 1. ไปทหนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) 2. ไปท การตงคา (Setting) > พนฐาน (Basic) > สทธ (Permission) 3. เลอกรายการเงอนไขเพอท าการเปลยนสทธของผเขยนทตองการยกฐานะเปนผดแล กำรก ำหนดสทธผอำน Blogger โดยปกต ทกคนสามารถเขาอาน/ใชงานบลอกได แตในบางกรณ เราอาจตองการจ ากดผใชใหอยในวงจ ากด เชน เฉพาะในหมผเขยน หรอ เฉพาะบคคลทระบ กสามารถท าได ดงน 1. เขาไปท หนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) ของ Blogger 2. เลอก การตงคา (Setting) > พนฐาน (Basic)

เอกสารการเรยนร การสรางบลอกสไตล กศน.

45

3. ทสวนผอานบลอก ซงมคาพนฐาน 3 เงอนไข คอ (1) สำธำรณะ (Public) ส าหรบเผยแพรใหผอานทวไป (2) สวนตว (Private - Only blog authors) เปนรปแบบสวนตวเฉพาะกลมผเขยนบลอกเทานน และ (3) สวนตว (Private - Only these readers) เฉพาะผอานเหลานเทานน เงอนไขน ถอเปนระบบปด

ผสรางตองก าหนดหรอ ระบอเมลผอานปลายทางลงในชองเปนการใหบรการในแบบสมาชก หรอ แบบเจาะจงผรบ

4. เมอก าหนดเงอนไขผอานเสรจแลว คลกทปมบนทกกำรเปลยนแปลง (Save changes) ดวย

เอกสารการเรยนร การสรางบลอกสไตล กศน.

46

18. การจดการขอคดเหน สวนแสดงความคดเหน หรอทเรยกวาการ Comments ของบลอก เจาของบลอกสามารถก าหนดเงอนไขไดใน 2 ลกษณะ คอ 1. การก าหนดใหแสดงความคดเหนได 2. การจดการกบความคดเหนของผอานทเขยนขนบลอก 1. กำรก ำหนดใหแสดงควำมคดเหนได ในบลอก เราสามารถก าหนดใหมกรอบขอความส าหรบแสดงความคดเหน หรอไมกได กรอบขอความน จะอยตอทายจากเนอหาของบลอกในแตละเรองทเปดใหผอานรวมแสดงความคดเหนในเนอหานน ๆ

หากตองการใหผอานไดแสดงความคดเหน เรามาดขนตอนในการสรางกน ซงเมอสรางแลว ในทกบทความทเขยนขนจะเกดกรอบเชนนตดทายทกบทความ กำรตงคำใหกบกรอบควำมคดเหนส ำหรบทกบทควำม 1. เปด หนาควบคมระบบบลอกหรอทเรยกวาแดชบอรด (Dashboard) ไปท Setting หรอสวนการตงคา

เอกสารการเรยนร การสรางบลอกสไตล กศน.

47

2. ท Setting นจะปรากฏรายการยอยใหคลกรายการ Post and comments ซงเปนสวนส าหรบโพสตและความคดเหน จะปรากฏรายละเอยดตรงโซนกลาง ไดแก สวน Post และสวน Comment ในทนมาดกนทสวน Comment กอน

3. ท Comment Location เปนสวนก าหนดส าหรบใชแสดง การแสดงความคดเหน โดยมตวเลอก ดงน Embedded ฝง Full Page เตมหนา Popup window ชองหนาตาง Hide ซอน

ถาตองการใหบทความแสดงใหเลอก Embedded (ฝง) ถาไมตองการใหบทความแสดงเลอก Hide (ซอน)

โดยในสวนของ Who can comment? หรอก าหนดผแสดงความคดเหน มตวเลอกใหก าหนดคา ดงน Anyone เปดใหกบทกคน Registered User ผใชทลงทะเบยน User with Google Accounts เฉพาะผใชทมบญชของ Google Only members of blog เฉพาะสมาชกของบลอกแหงน

เอกสารการเรยนร การสรางบลอกสไตล กศน.

48

และในสวนของ Comment Moderation จะเปนสวนตงคาเงอนไขในการกลนกรองความคดเหน มตวเลอกใหก าหนดคา ดงน Always ทกครงของการแสดงความคดเหน Sometimes ท าการสมเปนบางครง Never ไมตองกลนกรอง ในสวนของ Show Backlinks? เปนสวนก าหนดใหแสดงตนผ Comment ม 2 ตวเลอก คอ Show และ Hide ในสวนของ Comment Form Message เปนสวนก าหนดขอความแสดงส าหรบตอบกลบหรอชกชวนใหกบผทเขามา Comment เรา โดยทานสามารถพมพขอความใด ๆ ลงไปในชองดงกลาว ขอความนกจะไปปรากฏในทก ๆ หนาของบลอกโดยอตโนมต

1. http://crnfe2013.blogspot.com

2. http://mediathailand.blogspot.com