เลื่อนเมาส์ไปวางไว้บนแกดเจ็ตที่ต้องการเคลื่อนย้าย ในที่นี้ คือ Blog Archive คลิกค้าง ลาก Blog Archive ไปไว้ด้านบน HTML/จาวาสคริปต์ (กล่องถูกใจ) คลิกบันทึกการจัดเรียงก็เป็นอันเสร็จการเคลื่อนย้ายแกดเจ็ตแล้วค่ะ ภาพหลังจากเคลื่อนย้ายแกดเจ็ต คราวนี้เราจะไปดูการแก้ไขแกดเจ็ตบางตัวในบล็อกค่ะ เริ่มจากแกดเจ็ต Favicon 50
แก้ไข Favicon Favicon คือ ไอคอนที่แสดงตรงแถบด้านบนหน้าชื่อเว็บไซต์ค่ะ Favicon จะมีขนาด 16*16 Pixels ค่ะ การเปลี่ยน Favicon ให้บล็อกเกอร์ก่อนอื่นต้องมี ภาพที่จะใช้เปลี่ยนก่อนค่ะ ตัวอย่าง Favicon ที่จะใช้เปลี่ยน ไปที่หน้ารูปแบบ ดูแกดเจ็ต Favicon คลิก แก้ไข คลิก Choose File เลือก ภาพไอคอน ต่อมาคลิก บันทึก ค่ะ ( อาจใช้เวลาสักพักกว่าภาพ ไอคอนจะเปลี่ยนค่ะ ) 51
แก้ไข Navbar หรือ แถบนำทางของบล็อก จากภาพแถบนำทางของบล็อกจะอยู่ด้านบนสุดค่ะ การเปลี่ยน/แก้ไขแถบนำทางไปที่ รูปแบบ ดูตรง Navbar คลิก แก้ไข 52
เลือกรูปแบบแถบนำทางที่ชอบ หรือเลือกปิดเพื่อปิดการแสดงแถบนำทางในหน้าบล็อก ( ในที่นี้เลือกปิด ) เมื่อเลือกเสร็จแล้ว คลิกบันทึกค่ะ ตัวอย่างการแสดงผลของหน้าบล็อก เมื่อเลือกผิดแถบนำทางค่ะ 53
แกดเจ็ตส่วนหัวของบล็อก ภาพด้านบนคือตัวอย่างส่วนหัวของบล็อกใน PakamasBlogAn การแก้ไขส่วนหัวของบล็อก ดูที่ Header คลิก แก้ไข 54
• ชื่อบล็อก : ชื่อบล็อกของเรา • คำอธิบายบล็อก : เขียนคำอธิบายเกี่ยวกับบล็อก • รูปภาพ : ใส่รูปภาพให้ส่วนหัวของบล็อก เราสามารถเลือกภาพได้จากคอมพิวเตอร์ หรือ ใช้ URL ของภาพก็ได้ค่ะ เมื่อแก้ไขได้ตามความต้องการแล้ว คลิก บันทึก ค่ะ 55
แกดเจ็ตหน้าเว็บ ( รายการหน้าเว็บ ) เราสามารถใช้แกดเจ็ตรายการหน้าเว็บทำเป็นเมนูบล็อกได้ค่ะ มาดูส่วนการกำหนดค่าแกด เจ็ตหน้าเว็บกันค่ะ (ถ้ายังไม่มีแกดเจ็ตหน้าเว็บดูวิธีการเพิ่มแกดเจ็ตได้ที่หน้า 46 ค่ะ) สำหรับใครที่เพิ่มแล้วมาดูกันต่อเลยค่ะ ดูในส่วนของ Pages คลิก แก้ไข 56
• ชื่อ : ส่วนนี้จะระบุหรือไม่ก็ได้ค่ะ • หน้าเว็บที่จะแสดง : เลือกหน้าเว็บที่ต้องการให้มีลิงก์แสดงในบล็อก นอกจากนี้เรายัง สามารถ เพิ่มลิงก์ภายนอก ได้ด้วยค่ะ • ลำดับรายการ : รายการแสดงหน้าเว็บ ถ้าต้องการเปลี่ยนแปลงลำดับรายการ ก็แค่คลิก ค้างลากไปยังลำดับที่ต้องการแล้ววางค่ะ เมื่อกำหนดเรียบร้อย คลิก บันทึก 57
การตั้งค่าบทความบล็อก ดูที่ Blog Posts คลิก แก้ไข จำนวนบทความในหน้าหลัก คือ จำนวนบทความที่แสดงในบล็อกหน้าแรกค่ะ ข้อความลิงก์ของหน้าแสดงบทความ คือ เมื่อบทความถูกย่อจะมีลิงก์คลิกให้อ่านบทความ แบบเต็มๆ ข้อความของลิงก์นั้นก็คือ Read more » เราสามารถเปลี่ยนข้อความได้จากตรงนี้ค่ะ หลายคนอยากจะยังสงสัยอยู่ว่าย่อบทความเป็นอย่างไร มาดูกันค่ะ 58
ตอนนี้อยู่ที่หน้าแก้ไขบทความนะคะ วิธีย่อบทความก็ง่าย ๆ ค่ะ เพียงแค่คลิก หรือ แทรกการข้าม หลังจากนั้นจะมีแถบปรากฏออกมา เหมือนเป็นการแบ่งบทความค่ะ คลิก อัปเดต แล้วลองไปดูผลลัพธ์ที่ได้ค่ะ ภาพด้านบนคือก่อนการย่อบทความค่ะ 59
ส่วนภาพนี้คือหลังจากย่อบทความแล้วค่ะ กลับมาที่การตั้งค่าบทความบล็อก 60
กล่องสี่เหลี่ยมเล็กๆหน้าตัวเลือก สำหรับกำหนดว่าต้องการให้ตัวเลือกนั้นๆแสดงหรือไม่ค่ะ จัดเรียงรายการ จะแสดงตัวอย่างการแสดงผลของหน้าแสดงบทความ เราสามารถเคลื่อน ย้ายบางอย่างได้โดยการคลิกค้างลากและวางยังตำแหน่งที่ต้องการค่ะ เมื่อแก้ไขเสร็จแล้ว คลิก บันทึก ค่ะ 61
แม่แบบ 1. จะแสดงภาพบล็อกอัปเดตล่าสุด มาดูกันที่ปุ่ม 2 ปุ่ม ข้างล่างภาพบล็อกกันค่ะ • กำหนดค่า : เมื่อคลิกแล้วจะพาไปหน้า เครื่องมือออกแบบเทมเพลตบล็อกเกอร์ • แก้ไข HTML : แก้ไข HTML แม่แบบของบล็อก 2. การแสดงผลบล็อกในมือถือ 3. แม่แบบบล็อก เราสามารถเลือกดูตัวอย่าง/เปลี่ยนแม่แบบบล็อกจากตรงนี้ได้เช่นกันค่ะ 4. สำรอง/กู้คืน 62
สำหรับส่วนนี้เราสามารถดาวน์โหลดเทมเพลตของบล็อกเก็บไว้ เพื่อเป็นการป้องกันก่อน แก้ไข HTML หรือ ก่อนเปลี่ยนเทมเพลตค่ะ เนื่องจากบางครั้งการเปลี่ยนไม่เป็นไปตามที่เราคิด ก็สามารถ อัปโหลดไฟล์ที่เรา ดาวน์โหลดไว้ก่อนหน้านี้ถือเป็นการกู้คืน เพื่อให้บล็อกเป็นแบบเดิมได้ค่ะ นอกจากแม่แบบหรือเทมเพลตที่ทางบล็อกเกอร์มาให้เลือก ยังมีเทมเพลตอีกมากมาย ที่เรา สามารถดาวน์โหลดมาใช้สำหรับบล็อกได้ค่ะ มีทั้งที่เปิดให้ดาวน์โหลดแบบฟรี และแบบขายค่ะ 63
การตั้งค่า การตั้งค่าบล็อกมีหลายส่วน เรามาเริ่มดูกันที่พื้นฐานก่อนค่ะ 1. แสดงชื่อบล็อกของคุณ คุณสามารถเปลี่ยนได้ตามความต้องการเลยค่ะ 2. เป็นส่วนที่จะให้เขียน/แก้ไข คำอธิบายของบล็อกเพื่อให้ทราบว่าบล็อกเกี่ยวกับอะไร 3. กำหนดความเป็นส่วนตัวของบล็อก 64
4. แสดง URL ของบล็อก คุณสามารถแก้ไขได้เลยค่ะ (แนะนำให้ใช้ชื่อที่สั้นกระชับและไม่ ควรเปลี่ยนโดยไม่จำเป็นค่ะ) 5. กำหนดสิทธิ์และเพิ่มผู้เขียนลงบล็อกของคุณ 6. กำหนดให้ใครสามารถเข้ามาชมหรืออ่านบล็อกของคุณได้บ้าง แต่เนื่องจากก่อนหน้านี้ เลือก ใช้ความคิดเห็นของ Google+ บนบล็อกนี้ จึงทำให้ไม่ได้สามารถกำหนดได้ค่ะ แต่ถ้า ยกเลิกเลือกก็สามารถกำหนดผู้เข้าชมได้ค่ะ ตัวอย่างการกำหนดว่าใครสามารถอ่านบล็อกหรือเข้าชมบล็อกเราได้ ส่วนที่ 2 การตั้งค่าโพสต์และความคิดเห็น คลิก โพสต์และความคิดเห็น 65
ในส่วนนี้จะเป็นการตั้งค่าเกี่ยวบทความและความคิดเห็นในบล็อกของคุณ เช่น การกำหนด ว่าใครสามารถแสดงความคิดเห็นได้บ้าง การแสดงจำนวนบทความต่อหน้าหลักในบล็อก และ อื่นๆ เมื่อทราบคราวๆเกี่ยวกับการตั้งค่าแล้วเรามาดูส่วนต่างๆกันเลยดีกว่าค่ะ 7. จำนวนบทความที่จะแสดงในหน้าหลักของบล็อก 8. แม่แบบบทความ คุณสามารถกำหนดหรือจัดการบทความไว้ก่อนสามารถใส่ข้อความ หรือรหัสโค้ดลงไป แล้วมันก็จะแสดงทุกครั้งที่คุณได้เขียนบทความ วิธีการ ใส่ข้อความที่ต้องการลงไปในกล่องและเลือกบันทึกการตั้งค่าเลยค่ะ 66
เมื่อคุณเขียนบทความใหม่ข้อความดังกล่าวก็จะแสดงลงในส่วนของโพสต์บทความค่ะ 9. กำหนดการแสดงภาพในบทความ เมื่อคุณโพสต์บทความและคลิกรูปภาพของคุณก็จะ แสดงแบบซ้อนทับบนบล็อกดังภาพตัวอย่างด้านล่างค่ะ 67
10. ตำแหน่งแสดงของกล่องความคิดเห็น 11. กำหนดว่าใครสามารถแสดงความคิดเห็นในบทความได้ 12. เมื่อมีการแสดงความคิดเห็นคุณสามารถเลือกตรวจความคิดเห็นการจะให้มีการเผย แพร่ความคิดเห็นดังกล่าว และถ้าคุณต้องการให้ตรวจสอบเมื่อมีความคิดเห็นใหม่ก็จะมีลิงก์ ปรากฏบนหน้าแดชบอร์ด 13.1 แสดงการยื่นยันคำ กำหนดให้คนที่แสดงความคิดเห็นต้องผ่านการยื่นยันคำก่อน จะ ช่วยลดการสแปมความคิดเห็นด้วยค่ะ ผู้เขียนบล็อกจะไม่เห็นนะคะ 13.2 แสดงลิงก์ย้อนกลับ การแสดงลิงก์จะช่วยให้คุณและผู้อ่านสามารถเชื่อมโยงกับโพสต์ ได้ง่ายขึ้นค่ะ 14. คุณสามารถใส่ข้อความที่ต้องการบนกล่องแสดงความคิดเห็นได้ในส่วนนี้ค่ะ เช่น ใส่ ข้อความ คุณสามารถแสดงความความคิดเห็นได้ในส่วนนี้ค่ะ และเลือกบันทึกการตั้งค่าเพื่อดูการแสดงผลดังตัวอย่างด้านล่างได้เลยค่ะ ตัวอย่างการแสดงผล 68
ส่วนที่ 3 การตั้งค่ามือถือและอีเมล ในส่วนนี้จะเป็นการตั้งค่าเกี่ยวกับอีเมลและมือถือ ชื่อก็บอกอยู่แล้ว ^_^ อย่ามัวเสียเวลา เลย เรามาดูส่วนต่างๆของการตั้งค่านี้กันดีกว่าค่ะ 15. โพสต์ด้วยมือถือ คุณสามารถใช้ SMS/MMS ในการโพสต์บทความลงบล็อกได้ใน ส่วนนี้ค่ะ 69
16. โพสต์โดยใช้อีเมลหรือที่เรียกอีกอย่างหนึ่งว่า Mail2Blogger เป็นการใช้ที่อยู่อีเมล ในการโพสต์บทความข้อความและภาพ (ขนาดสูงสุดไม่เกิน 10 เมกะไบต์) ลงในบล็อกของคุณ ได้โดยตรง 17. คุณสามารถใส่อีเมลได้ถึง 10 ที่อยู่อีเมลโดยการคั่นด้วยเครื่องหมายจุลภาค ( , ) เมื่อ มีการแสดงความคิดเห็นใหม่ก็จะมีการส่งอีเมลไปแจ้งเตือนยังอีเมลนั้นๆที่คุณได้ระบุลงไปค่ะ 18. ระบบของบล็อกเกอร์จะทำการส่งบล็อกทุกครั้งที่มีการเผยแพร่บล็อกค่ะ เลือกเพิ่มเพื่อ ใส่ที่อยู่อีเมลและคั่นด้วยเครื่องหมายจุลภาคค่ะ ส่วนที่ 4 การตั้งค่าภาษาและการจัดรูปแบบ 19. เป็นการตั้งค่าเกี่ยวกับภาษาในบล็อกของคุณค่ะ 19.1 ภาษา กำหนดภาษาในบล็อกของคุณ 19.2 เปิดการใช้งานถอดเสียง เป็นการเพิ่มปุ่มในแถบเครื่องมือบล็อกเพื่อการแปลง คำจากภาษาอังกฤษเป็นภาษาที่คุณได้เลือก คุณสามารถเปลี่ยนภาษาได้ใหม่ในภายหลังค่ะ 70
20 การจัดการรูปแบบของบล็อกไม่ว่าจะเป็นเวลาหรือวันที่ 20.1 โซนเวลา ตั้งค่าโซนเวลาของคุณ 20.2 รูปแบบส่วนหัวของวันที่ กำหนดรูปแบบของวันที่จะปรากฏบนโพสต์ของคุณ 20.3 รูปแบบเวลา กำหนดการแสดงวันที่ในรูปแบบนั้น ๆ 20.4 รูปแบบเวลาประทับของความคิดเห็น รูปแบบดังกล่าวจะแสดงในส่วนของการ แสดงความคิดเห็น ส่วนที่ 5 การตั้งค่าเกี่ยวกับค่ากำหนดของการค้นหา 21. เขียนคำอธิบายเกี่ยวกับบล็อกของคุณเพื่อให้ผลการค้นหาดีขึ้น และผู้อ่านสามารถ ทราบว่าบล็อกของคุณเกี่ยวกับอะไร 22. ใส่ข้อความ HTML เมื่อคุณใส่ข้อความดังกล่าวจะปรากฏแทนข้อความ \"ไม่พบหน้า เว็บ\" 23. กำหนดเส้นทางของ URL ภายนอกที่นำมายังบล็อกของคุณ โดยการไม่ให้มายังโพสต์ หรือหน้าเว็บที่มีอยู่ ในส่วนการตั้งค่า 24-25 ควรอ่านคำเตือนและถ้าไม่จำเป็นอย่าตั้งค่าใด ๆ ค่ะ 71
24. ใส่ข้อความลงไป แล้วข้อความดังกล่าวก็จะถูกส่งไปยังเครื่องมือค้นหาแทนเนื้อหาของ robots.txt 25. เป็นเครื่องมือสำหรับเปิดใช้งานแท็กส่วนหัวสำหรับโรบ็อตที่กำหนดเอง ส่วนที่ 6 การตั้งค่าส่วนอื่น ๆ 26. เครื่องมือเขียนบล็อก นำเข้าบล็อก คือ การนำโพสต์ที่คุณได้ดาว์โหลดมาใส่ลงในบล็อกค่ะ การส่งออกบล็อก คือ ดาว์โหลดโพสต์ทั้งหมดจากบล็อกของคุณ ลบบล็อก เมื่อคุณไม่ต้องการบล็อกนี้นี้สามารถเลือกลบบล็อกได้จากส่วนนี้เลยค่ะ 27. ฟีตข้อมูลของไซต์ กำหนดส่วนต่าง ๆ ของฟีต เช่น การกำหนดการแสดงผลของฟีต เพิ่มข้อความลงส่วนท้ายของฟีตบทความ 72
28. OpenID คุณสามารถใช้ OpenID URL เพื่อเข้าสู่ไซต์อื่น ๆ ที่ใช้งาน OpenID และ คุณยังสามารถกำหนดให้ผู้ใช้ OpenID สามารถโพสต์แสดงความคิดเห็นลงในบล็อกของคุณ โดยการตั้งค่าความคิดเห็น 29. เนื้อหาสำหรับผู้ใหญ่ เป็นการกำหนดว่าเนื้อหาในบล็อกของคุณใช่สำหรับผู้ใหญ่หรือ ไม่ ถ้าคุณเลือกใช่ผู้ที่เข้ามาอ่านบล็อกคุณจะเห็นข้อความแจ้งเตือนและข้อความยื่นยันว่าต้องการ เข้าบล็อกคุณหรือไม่ 30. การเพิ่ม Google Analytics เพื่อดูว่าผู้ชมเข้าใช้บล็อกของคุณอย่างไรบ้าง เมื่อคุณได้ทำการตั้งค่าส่วนต่าง ๆ ของบล็อกไปแล้วก็คลิกบันทึกการตั้งค่าเลยค่ะ 73
4 บทส่งท้าย การสร้างกล่องถูกใจแฟนเพจ และ นำกล่องถูกใจมาใส่บล็อก การสร้างกล่องถูกใจ ไปที่ https://developers.facebook.com/docs/plugins 74
เลื่อนหน้าเว็บลงมาหาคำว่า Like Box (Deprecated) ต่อมา คลิก Page Plugin ค่ะ Facebook Page URL : ใส่ URL แฟนเพจลงไปค่ะ 75
Width : ความกว้างของกล่องถูกใจ Height : ความสูงของกล่องถูกใจ Use Small Header : ใช้ส่วนหัวขนาดเล็ก Hide Cover Photo : ซ่อนภาพหน้าปกเพจ Show Page Posts : แสดงโพสต์แฟนเพจ Adapt to plugin container width : ปรับความกว้างให้เข้ากับที่ใส่กล่องถูกใจ Show Friend's Faces : แสดงภาพเพื่อนที่กดถูกใจเพจ กำหนดส่วนต่าง ๆ ตามความต้องการ เมื่อกำหนดเสร็จแล้ว คลิก Get Code ค่ะ คัดลอกโค้ดทั้งสองช่องค่ะ 76
ขั้นตอนเพิ่มกล่องถูกใจลงบล็อก ไปที่หน้าแดชบอร์ด www.blogger.com คลิก ตัวเลือกเพิ่มเติม ต่อมา คลิก รูปแบบค่ะ คลิก เพิ่ม Gadget 77
คลิก HTML/จาวาสคริปต์เพิ่ม วางโค้ดที่คัดลอกมาใส่ส่วนเนื้อหา และชื่อจะตั้งหรือไม่ก็ได้ค่ะ คลิก บันทึก ค่ะ 78
ตัวอย่างกล่องถูกใจที่แสดงในบล็อกค่ะ 79
Search
