การตกแต่ง Blogger

ตกแต่งเนื้อหาให้สวยงามด้วย Window Live Writer

[ 11 ความคิดเห็น ]

Window Live Writer เป็นโปรแกรมเขียน Blog ซึ่งสามารถตกแต่งเนื้อหาให้สวยงาม กว่าระบบเดิมๆ ของ Blogger มากมายครับ ซึ่งมีรูปแบบการใช้งานที่ง่ายมากๆ แต่งภาพได้สวยสดงดงาม หน้าตาเป็นแบบนี้ครับ

ใครที่ไม่พอใจกับการเขียนเนื้อหาใน Blogger เขียนแล้วมันไม่สวย มันไม่ได้ดั่งใจ ลองเปลี่ยนมาใช้ Window Live Writer ดูกันได้นะครับ เพราะผมก็ใช้งานอยู่ สะดวกมากๆ ครับ ลอง Download ไปใช้กันเลยครับ
Download : Window Live Writer

อ่านข้อมูลเพิ่มเติม

การทำ Read more ให้กับ Blogger

[ 7 ความคิดเห็น ]

บางครั้งคนอ่านไม่ชอบเนื้อหายาวๆบนหน้าเว็บซึ่งยาวเป็นกิโล ผมก็ไม่ค่อยจะชอบเหมือนกัน การใส่ Read more หรือ อ่านต่อ… เป็นตัวเลือกอย่างนึงที่ทำให้เนื้อหาเราดูสั้นลงตามที่เรากำหนด เมื่อคนอ่านอยากอย่านต่อหัวข้อนั้นๆก็สามารถคลิ๊ก Read more.. หรือ อ่านต่อ… ได้ ทำให้สะดวกและประหยัดหน้าเว็บเราไม่น้อยทีเดียว
การทำ Read more ให้กับ Blogger ให้เราเข้าไปที่ Edit HTML หรือแก้ไข HTML

1. .ให้ทำการ Backup ไว้ก่อนกันเหนี่ยวเดียวผิดพลาดขึ้นมางานจะเข้า
2. กดเพิ่มเครื่องมือแม่แบบ เพื่อเปิด Code แบบเต็ม

ใส่ code สีแดงข้างล่างนี่ใส่ไว้ก่อน </head> หลัง </b:skin> ครับ

]]></b:skin> <b:if cond='data:blog.pageType != "item"'> <style>#fullpost{ display:none;}</style> </b:if> </head>

จากนั้นกด Ctrl+F หา Code นี้ครับ <p><data:post.body/></p> แล้วใส่ Code สีแดงไว้ด้านล่างครับ

<div class='post-body entry-content'>       <p><data:post.body/></p>       <b:if cond='data:blog.pageType != "item"'>          <p><a expr:href='data:post.url'>Read More</a></p>       </b:if>       <div style='clear: both;'/> <!-- clear for photos floats –>

ให้สังเกตุคำว่า Read More ใน Code ด้านบนนี้ครับ เราสามารถแก้ไขตามใจเราได้เช่นเราอยากให้แสดงเป็นคำว่า อ่านต่อ… เราก็เปลี่ยนจาก Read More เป็นคำว่า อ่านต่อ… ครับ แค่นั้นแหละ
หลังจากนั้นให้เรากด Save Template ได้เลยครับ
จากนั้นไปที่ Setting >>> Formatting เลื่อนลงมาล่างสุดจะเห็น Post Template ให้ Copy ข้างล่างนี่ใส่กรอกเข้าไปแล้ว Save ครับ

ส่วนที่จะให้แสดง <span id="fullpost"> ส่วนที่เหลือ </span>

เราอยากให้ตรงไหนโผล่ขึ้นก็ให้เขียนตรง “ส่วนที่จะให้แสดง” ตรงไหนอยากให้อ่านต่อก็ใส่ตรง “ส่วนที่เหลือ”

อ่านข้อมูลเพิ่มเติม

เลือกแม่แบบ (Theme Blogger)

[ 10 ความคิดเห็น ]

ในส่วนนี้เราสามารถเปลี่ยนหน้าตาแม่แบบ (Theme) ของ Blogger เราครับ โดยรูปแบบที่ Blogger ให้มาสีสันมันช่างดูธรรมดามากๆ แต่ไม่เป็นไรครับ เพราะเพื่อนๆสามารถไป Download จากเว็บที่ให้บริการ Free Theme Blogger ได้แล้วนำมา Upload ในหน้า แก้ไข HTML แค่นี้ก็เป็นอันเสร็จแล้วครับ


เมนูต่างๆ ในเมนู "รูปแบบ"

• องค์ประกอบของหน้า (Page Elements)
• แบบอักษรและสี (Fonts and Colors)
• แก้ไข HTML (Edit HTML)
• เลือกแม่แบบใหม่ (Pick New Template)

อ่านข้อมูลเพิ่มเติม

ตั้งค่าแก้ไข HTML ให้กับ Blogger

[ 2 ความคิดเห็น ]

ในส่วนของการแก้ไข HTML ของ Blogger เป็นการแก้ไขส่วนต่างๆของ Theme และการแสดงผล การจัดรูปแบบ Layout ต่างๆ ซึ่งต้องมีความรู้ด้าน HTML พอสมควรเลยครับ สำหรับการจัดรูปแบบการแสดงผลจะเป็นโค้ด CSS ครับ ซึ่งก็ต้องมีความรู้ด้านนี้อีกเหมือนกัน เพื่อใช้งานควบคู่กันไป

1. เป็นการ Download Theme ต้นแบบเอาไว้ครับ เรียกว่าการ Backup Theme เพื่อกันการเกิดปัญหาต่างขึ้นมาเมื่อเราแก้ไขผิดพลาด เราก็สามารถ Upload ไฟล์ที่เราทำการ Backup ไว้ ก็จะกลับมาเป็นเหมือนเดิม
2. การอัพโหลด Theme ที่เรา Download มาครับ สามารถเรียกดูและ Upload ได้ตามสบาย
3. ขยายแม่แบบเครื่องมือ เมื่อติ๊กถูกแล้วจะแสดงรูปแบบโค้ดให้เราเต็มรูปแบบจะสามารถปรับแต่งได้มากขึ้นครับ ก่อนที่จะทำการแก้ไข HTML หรือ CSS เราก็ต้องติ๊กถูกหน้า ขยายเครื่องมือแม่แบบเสมอครับ
4. โค้ด HTML – CSS ต่างๆที่เราจะแก้ไขครับ

เมื่อแก้ไขเรียบร้อยแล้วให้เราทำการบันทึกแล้วกด Preview ดูบล๊อกได้เลยครับ

เมนูต่างๆ ในเมนู "รูปแบบ"

• องค์ประกอบของหน้า (Page Elements)
• แบบอักษรและสี (Fonts and Colors)
• แก้ไข HTML (Edit HTML)
• เลือกแม่แบบใหม่ (Pick New Template)

การนำ Code แบบสอบถามโพต์ใน Blogger

การนำ Code แบบสอบถามโพสต์ใน Blogger

หลังจากที่เราได้ทำการสร้างแบบสอบถามแล้วใน Google Document แล้วขั้นตอนต่อไปเราจะนำแบบสอบถามที่สร้างขึ้นมาทำการใส่ใน Blog ของเราเพื่อที่เพื่อนๆ ที่เข้ามาอ่านบทความจะได้ช่วยตอบแบบสอบถามให้เราจากนั้นเราก็จะได้นำข้อมูลออกมาวิเคราะห์กัน
จากบทความ การสร้างแบบสอบถามด้วย Google Document ที่ผ่านมาก่อนที่เราจะทำการบันทึกให้เราทำการคัดลอก Code เพื่อนำมาใช้งานก่อนครับ โดย

1. เข้าไปที่ดำเนินการเพิ่ม จากนั้นเลือก ฝัง ดังรูป

2. ทำการคัดลอก HTML เพื่อนำไปใช้งาน

3. นำ Code ไปวางในฟอร์มการแก้ไขบทความโดยวางในโหมดแก้ไข HTML

4. เมื่อเราทำการเผยแพร่ก็จะได้ แบบสอบถามดังรูปเมื่อมีผู้ตอบแบบสอบถามและส่งข้อมูล ข้อมูลก็จะถูกเก็บในฐานข้อมูล

5. เมื่อเราต้องการดูข้อมูล ให้เข้าไปใน Google Document แล้วเลือกแบบสอบถามที่ต้องการ ดังรูป

6. หลังจากคลิกเข้าไปเราจะพบข้อมูลที่ผู้อ่านตอบมาอยู่ในรูป worksheet เราสามารถนำข้อมูลไปวิเคราะห์ด้วย excell, spss หรือ minitab ได้

เมื่อเราได้ข้อมูลที่ต้องการแล้วก็นำไปวิเคราะห์ตามต้องการ................

การสมัครBlogger

การสมัครเขียนบล็อกฟรี ที่ Blogger.com 1. เข้าสมัครสมาชิกได้ที่เว็บไซต์ http://www.blogger.com/

2. คลิกที่เริ่มสร้างบล็อกที่ CREATE YOUR BLOG NOW

3. กรอกรายละเอียดส่วนตัว ชื่อล็อกอิน / รหัสผ่าน / ชื่อบล็อก / อีเมล์เสร็จแล้วคลิกปุ่ม Continue

4. ระบุรายละเอียดของบล็อก

Blog title : ระบุชื่อบล็อก
Blog address (URL) : ชื่อยูอาแอลสำหรับเรียกใช้งาน http://toomchim.blogpot.com/
World Verification : พิมพ์รหัสที่ระบบบอกมาเสร็จแล้วคลิกปุ่ม Continue

5 . ระบบจะแสดง Template ให้เลือกใช้งานหลายแบบ ให้ทำการคลิกเลือก Template ที่ต้องการเสร็จแล้วคลิกปุ่ม Continue

6 . ระบบแสดงข้อความกำลังทำการสร้าง blog ให้อยู่



7. ทำการสร้าง blog เสร็จแล้วให้คลิกปุ่ม START POSTING เพื่อทดสอบเข้าใช้งาน

8. พิมพ์รายละเอียดข้อความแรกในบล็อก หลังพิมพ์ฺเสร็จสามารถคลิก preview ดูผลก่อนได้ เสร็จแล้วคลิกปุ่ม Publish Post

9. เสร็จสิ้นการติดตั้งเว็บบล็อกให้คลิกที่ View Blog เพื่อดูผล

10. แสดงบล็อกส่วนตัวที่สร้างเสร็จแล้วสังเกต url ด้านบนจะเป็น http://toomchim.blogspot.com/

11. ที่นี้กรณีที่ต้องการเขียน Blog เพิ่มเติม หรือเข้าไปแก้ไข Blog สามารถล็อกอินเข้าได้ที่http://www.blogger.com/startพิมพ์ชื่อ username / Password เสร็จแล้วคลิกปุ่ม SIGN IN เพื่อเข้าระบบ

12. จะเข้าสู่หน้าต่างผู้ดูแลบล็อกสำหรับแก้ไข และปรับแต่งข้อมูลต่างๆ ดังรูปทำการแก้ไขข้อมูลต่างๆ ตามต้องการ

สรุป ในการสร้างบล็อกนั้นสามารถทำได้สองแบบคือ

1. การติดตั้งโปรแกรมทำ Blog ขึ้นใช้งานเองสำหรับบริการพนักงานใน office เลย ตัวอย่างโปรแกรมสร้าง blog เช่น WordPress, b2evolution, Nucleus, pMachine, MyPHPblog, Movable Type, Geeklog, bBlog (วิธีนี้ท่านต้องมีเครื่องเว็บเซิร์ฟเวอร์ในการใช้งานเองอาจทำเป็น Intranet Blog หรือ Internet Blog ก็ได้)

2. การใช้งานบล็อกฟรี จากเว็บที่เปิดให้บริการ ปัจจุบันมีเว็บเปิดให้บริการหลายเว็บอาทิ เช่น Blogger.com (en), Bloglines.com (en), Exteen.com (th), Bloggang.com(th)* ในบทความนี้นำเสนอการสร้างบล็อกวิธีที่สองคือการใช้บล็อกฟรี ดยทดสอบจากเว็บ blogger.com จะเห็นได้ว่าการมีเว็บบล็อกเป็นของตัวเองไม่ช่ายเรื่องยากอีกต่อไปอีกทั้งผู้เขียนไม่จำเป็นต้องเขียนเว็บเป็นก็สามารถมีบล็อกส่วนตัวได้แล้ว โดยในการสร้างและเขียนบล็อกขึ้นมา ขึ้นอยู่กับสามัญสำนึกแต่ละท่าน ผู้เขียนขอให้ใช้ประโยชน์จากบล็อกในเชิงสร้างสรรค์และ้ขอให้ทุกท่าน สนุกกับการเขียนบล็อกส่วนตัวครับ :)

การสมัครBlogger

วิธีสมัคร Blogger

Posted on 9th พฤษภาคม 2010 in Blogger

สิ่งแรกที่ต้องมีในการสมัคร Blogger คือ E-mail ของ Gmail เท่านั้นครับ ซึ่งในส่วนของการสมัคร E-mail คงจะนำมาสอนเป็นขั้นเป็นตอนเพราะมันง่ายมากครับ

เพื่อนๆที่สมัคร Gmail เรียบร้อยแล้ว สามารถทำตามวิธีดังต่อไปนี้เลยครับในการสมัคร Blogger มาใช้งานกัน

1. สามารถเปลี่ยนภาษาทางด้าน ขวาบน ได้หลากภาษาครับ จากนั้นคลิ๊กที่สร้างบล๊อกดังรูปครับ

2. ตั้งชื่อส่วนหัวของบล๊อก ตั้งชื่อบล๊อก จากนั้นก็ คลิ๊กดำเนิกการต่อ
ดังรูปครับ

3. เลือกแม่แบบ หรือ Theme (หน้าตาบล๊อก) จากนั้น คลิ๊ก ดำเนินการต่อ
ดังรูปครับ

4. เสร็จเรียบร้อยแล้วครับ คลิ๊ก เริ่มต้นการเขียนบล๊อก ได้ทันทีเลย
ดังรูปครับ

วิธีการสร้างBlogger

วิธีสร้างบล็อกกับ Blogger

ขั้นที่ 1   การสมัครใช้งาน Blogger สามารถใช้ email ของระบบใดก็ได้ แต่ในระยะยาวแล้วการเชื่อมโยงกับบริการหลายๆอย่างของ google ควรจะใช้ email ของ Gmail ดีที่สุดครับ

ดัง นั้นในขั้นแรกนี้ให้คุณเข้าไปที่ http://www.gmial.com/ เพื่อสร้างบัญชีผู้ใช้กับ google

ขั้นที่ 2   หลังจากได้บัญชีผู้ใช้แล้ว ให้ไปที่ http://www.blogger.com/ เพื่อสร้างบล็อกกันเลยครับ

โดยในการสร้างบล็อกนั้น ก็ให้ใช้ บัญชีผู้ใช้ (user name + password) ที่ได้สร้างไว้ในขั้นที่ 1

 

ขั้นที่ 3  ในขั้นต่อมาให้กรอก emailที่ได้จากขั้นที่ 1  ชื่อผู้เขียนบล็อก วันเกิด และยอมรับข้อตกลง

แล้ว Click ที่ปุ่มดำเนินการต่อ

ขั้น ที่ 4  การตั้งชื่อเว็บบล็อกสามารถใช้ชื่อที่ชอบได้ตามใจ 

แต่การกำหนด URL จะต้องไม่ให้ซ้ำกับคนอื่น ๆ ถ้าซ้ำก็ใช้วิธีเปลี่ยนเป็นคำหรือวลีที่ใกล้เคียงไปเรื่อย ๆ

(การตั้งชื่อและ URL ของบล็อกควรมี keyword ที่สัมพันธ์กับเรื่องที่จะเขียนด้วย)

ขั้นที่ 5  ในขั้นสุดท้ายนี้เป็นการเลือกแม่แบบของบล็อก ให้เลือกแม่แบบใดก็ได้ครับ

เพราะเราจะมาทำการปรับแต่งแม่แบบได้ในภายหลัง ซึ่งผมได้เขียนบทความการเปลี่ยนแม่แบบเอาไว้รอท่านแล้ว

 

 


เมื่อจบ 5 ขั้นตอนข้างต้นถือว่าเสร็จสิ้นขั้นตอนการสร้างบล็อกแล้วครับ  (ง่ายดายใช่ไหมครับ)

 

ขั้นที่ 6 ในขั้นตอนนี้เป็นการเลือกจัดการกับบล็อกที่สร้างขึ้น

คุณสามารถเข้าไปจัดการส่วนต่าง ๆ ของบล็อกได้จาก http://www.blogger.com/  หรือ draft.blogger.com 

6.1 ถ้าคุณอาจจะเริ่มเขียนบล็อกเลย ให้อ่านข้อแนะนำการเขียนบล็อกจากบทความ วิธีเขียน และจัดการบทความ
6.2 แต่ถ้าต้องการเปลี่ยนแม่แบบก่อนให้อ่านบทความ วิธี เปลี่ยน Templates ของ Blogger หรืออ่านวิธีออกแบบแม่แบบด้วยตัวเองจากบทความ เครื่อง มือสำหรับออกแบบแม่แบบด้วยตนเอง  

control panel และอุปกรณ์

1. Control Panel และส่วนประกอบของ Control Panel

          แผงควบคุม (Control Panel) เป็นส่วนที่ช่วยเหลือในการปรับแต่งตั้งค่าระบบของ Windows Vista ให้สามารถทำงานได้สะดวกรวดเร็ว พร้อมทั้งเพิ่มประสิทธิภาพในการทำงานให้ เป็นไปอย่างเหมาะสม เครื่องมือที่มีอยู่ในแผงควบคุม จะทำให้เราติดตั้งอุปกรณ์ใหม่ การติดตั้งและ ลบโปรแกรม การปรับแต่งการแสดงผล การปรับแต่งโมเด็ม การปรับแต่งเมาส์ การปรับแต่ง

รูป แสดง หน้าต่างหลักของแผงควบคุม (Control Panel) แบบ Vista และแบบ Classic

ลักษณะไอคอน	ชื่อไอคอน	หน้าที่
	Add New Hardware	ใช้ติดตั้งอุปกรณ์ใหม่ ๆ ผ่านขั้นตอนการช่วยเหลือ
	Date and Time	ตั้งวันที่ เวลา รวมทั้งโซนที่ใช้งาน
	Device Manager	เป็นการตั้งค่า ไดรเวอร์ของอุปกรณ์ ๆ
	Folder Option	กำหนดลักษณะการแสดงผลของไฟล์หรือโฟลเดอร์
	Fonts	เรียกดูคุณสมบัติและเพิ่มรูปแบบตัวอักษร
	Internet Options	กำหนดคุณสมบัติในการใช้งาน Internet
	Keyboard	ใช้ปรับแต่งคุณสมบัติของแป้นพิมพ์
	Mouse	ใช้ปรับแต่งคุณสมบัติของเมาส์
	Network	จัดการและกำหนดค่าเกี่ยวกับอุปกรณ์เครือข่ายต่าง ๆ
	Personalizes	กำหนดค่าส่วนบุคคล
	Phone and Modem Option	การเชื่อมต่อโทรศัพท์และโมเด็ม
	Printers	ใช้ติดตั้งและถอนเครื่องพิมพ์
	Programs and Features	ใช้ติดตั้งและถอนโปรแกรมประยุกต์จากเครื่อง เพิ่มเติม/ลดส่วนประกอบของวินโดวส์
	Regional and Languages	การตั้งค่าภูมิภาคและภาษา
	Sound	การตั้งค่าอุปกรณ์เกี่ยวกับเสียง
	System	การตั้งค่าระบบ
	Taskbar and Start Menu	การตั้งค่า Taskbar and Start Menu
	User Accounts	การตั้งค่าผู้ใช้
	Windows Sidebar	การจัดการแถบ Sidebar
	Windows Sideshow	การจัดการปฏิทิน  ฯลฯ
	Automatic Updates	ใช้ปรับปรุงข้อมูลใหม่ ๆ ให้กับวินโดวส์ อย่าง อัตโนมัติเมื่อเชื่อมต่อ Internet

          การใช้งานและการตั้งค่าต่าง ๆ ของ Control Panel สามารถเรียกใช้งานได้ในหลาย ๆ ทาง ได้แก่ การคลิกที่ Start\Settings\Control Panel หรือ การดับเบิลคลิกไอคอน Control Panel ใน หน้าต่าง My Computer หรือ การคลิกไอคอน Control Panel บนMicrosoft Office Shortcut Bar เป็น ต้น ก็จะเป็นการเปิดหน้าต่าง Control Panel ออกมา หลังจากนั้นจึงดับเบิลคลิกไอคอนที่จะตั้งค่า ตามต้องการ