Blogger : วิธีจัดทำสารบัญหมวดหมู่

<br />หากเราเป็นผู้มีเรื่องราวมากมาย และคิดว่าจะเผยแพร่เรื่องราวไว้บนบล็อกในหลากหลายเรื่อง ซึ่งเมื่อนานวัน รวมถึงมีเรื่องเพิ่มมากขึ้น สิ่งหนึ่งที่เกิดขึ้นคือสาระเนื้อหา จะกระจัดกระจายไม่เป็นหมวดหมู่ ซึ่ง Blogger มีเครื่องมือสำหรับสร้างหมวดหมู่ หรือ Categories ไว้ให้ ซึ่งการสร้างหมวดหมู่ มีอยู่ 2 ขั้นตอนหลัก คือ<br />1.       ขั้นติดตั้ง Gadget<br />2.       ขั้นตอนกำหนด Labels (ป้ายกำกับ) กำกับใส่ในบทความ<br /><br /><br />(1) ขั้นติดตั้ง Gadget<br />ก่อนอื่นต้องนึกไว้ล่วงหน้าก่อนว่า จะให้ หมวดหมู่ หรือ Categories นี้อยู่ที่ตำแหน่งไหน ในที่นี้สมมุติว่า จะให้อยู่ใต้ รายการบทความ ดังตัวอย่าง<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygZzly0V5xAD5c8iFh-33hhtAaV7IeCps2ZWAGcRFmSdG1fESURpEVnbyGaFuvTL_DIk3Fi5QoD8OWFZodblEWk_xL5dUNPFyuyNKLxewNKZMtGixdT2Zze1tgBecr62gEXE1fvJ261Cf/s1600/add_label05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygZzly0V5xAD5c8iFh-33hhtAaV7IeCps2ZWAGcRFmSdG1fESURpEVnbyGaFuvTL_DIk3Fi5QoD8OWFZodblEWk_xL5dUNPFyuyNKLxewNKZMtGixdT2Zze1tgBecr62gEXE1fvJ261Cf/s400/add_label05.jpg" width="287" /></a></div><br />เมื่อกำหนดได้แล้ว มาดูวิธีการดังนี้<br />1. ไปที่หน้าบล็อกหลัก แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ Layout(รูปแบบ)<br /><br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLCz3OpgijyE9cM50-C58GxCYe7nxHQ-1DYnhOziGtSlWSqLBqpzWOUWzO4uf4ZWfVLyM5buzxpafbL1kkWD1NL_e9z-8rTJUmyybEbZ1H7WH3nhW6ZAjuhIb7zYi0VF6YnuZ11HVlk_c/s640/3005.jpg" /><br /><br /><br />2. จะเกิดผังแม่แบบเว็บของบล็อก  เลือก Zone หรือตำแหน่งที่จะวาง หมวดหมู่ หรือ Categories<br /><br />3.ดูที่แถบข้อความ(อักษรสีฟ้า) Add a Gadget (เพิ่ม Gadget) คลิกที่ข้อความดังกล่าว<br /><br />4.จะเกิดหน้าต่างที่ชื่อ Add a Gadget ที่ชื่อว่า Labels (ป้ายกำกับ)<br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8yMDXbYme4p4lgpnTH_xhfL9gesCp9UmtczghE7VKB8_MQ5drtH6MfSbs0WM9oHMak_itBdzVGmnlFucyZmpYQJ8e8tCqS0n-84aI15LvVi5Goba83bFJONwgJ0rpiZqCSEZ6SU9Rpmw/s1600/add_label01.jpg" /><br />5. ตั้งค่าป้ายกำกับ ซึ่งใช้ค่าดั้งเดิม ก็น่าจะดีที่สุด สำหรับชื่อสามารถตั้งได้ตามใจชอบ เช่น หมวดหมู่ กลุ่มเนื้อหา หรือCategories<br /><div><br /></div><br /><div class="MsoNormal" style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; margin: 0cm 0cm 0pt;"><br /></div><br /><div class="MsoNormal" style="background-color: white; border: medium none; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; margin: 0cm 0cm 0pt;"><br /></div><div class="separator" style="background-color: white; clear: both; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; text-align: center;"><span style="color: #1d81b6; font-family: inherit; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTmoU11SEK3jDByAa4AKMqiogUJn7xmQsEJStCto6O02CqwEPuViHj0mhX62VQtmEHkx2gApAuuJORnxXY_eRxuNmRyQIiBLO0OGH1lZa6oiUb-OUNuQbSa-CW0Bt2Mehjsd63Gp4sjA/s1600/add_label02.jpg" imageanchor="1" style="color: #1d81b6; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><img aea="true" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTmoU11SEK3jDByAa4AKMqiogUJn7xmQsEJStCto6O02CqwEPuViHj0mhX62VQtmEHkx2gApAuuJORnxXY_eRxuNmRyQIiBLO0OGH1lZa6oiUb-OUNuQbSa-CW0Bt2Mehjsd63Gp4sjA/s400/add_label02.jpg" style="border: 0px solid rgb(212, 215, 222); margin: 4px 0px 10px; padding: 5px;" width="400" /></a></span></div><div class="separator" style="clear: both; text-align: justify;"><br /></div><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif; font-size: 14px; line-height: 19.200000762939453px;"></span> <br /><div class="separator" style="clear: both;">(ซึ่งตอนนี้แม้ติดตั้งแล้ว แต่ที่แถบเมนูของเราจะยังไม่ปรากฏรายการ)</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">รายละเอียดในหน้าต่างการปรับแต่ง Labels</div><div class="separator" style="clear: both;">จากหน้าต่างด้านบน จะมีส่วนปรับแต่ง อยู่ 4 ส่วน อธิบายอย่างย่อ ดังนี้</div><div class="separator" style="clear: both;">1. Title (หัวข้อ) สำหรับตั้งชื่อตามใจชอบ แต่ไม่ควรยาวนัก</div><div class="separator" style="clear: both;">2. Show (แสดง) มี 2 เงื่อนไข คือ</div><div class="separator" style="clear: both;">        All Labels         แสดงทุกรายการที่ป้ายกำกับทั้งหมด</div><div class="separator" style="clear: both;">                Selected Labels แสดงเฉพาะป้ายกำกับที่เลือก ซึ่งหากคลิกรายการนี้ จะมีส่วน</div><div class="separator" style="clear: both;">                                       กำหนดค่าการแสดงผลเพิ่มขึ้นมา</div><div class="separator" style="clear: both;">3.Sorting (การเรียง) มี 2 เงื่อนไข คือ</div><div class="separator" style="clear: both;">                Alphabetically เรียงตามลำดับตัวอักษร </div><div class="separator" style="clear: both;">                By Frequency เรียงตามลำดับความถีของการเข้าชม</div><div class="separator" style="clear: both;">4.Display (การแสดงผล) มี 2 เงื่อนไขเช่นกัน คือ</div><div class="separator" style="clear: both;">                List แสดงเป็นรายการ และ               </div><div class="separator" style="clear: both;">                Cloud แสดงเป็นลำดับขนาดตัวอักษรของหมวดหมู่ ตามจำนวนรายการที่มีอยู่</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">(2) ขั้นตอนกำหนด Labels (ป้ายกำกับ) กำกับใส่ในบทความ</div><div class="separator" style="clear: both;">เป็นขั้นตอนในการกำหนดให้บทความของท่าน เข้ากลุ่มหมวดหมู่  มีวิธีการดังนี้</div><div class="separator" style="clear: both;">1. ไปที่หน้าบล็อกหลัก แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ Post (บทความทั้งหมด)</div><div><br /></div><br /><div class="separator" style="clear: both; text-align: justify;"><br /></div><div class="separator" style="background-color: white; clear: both; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgz3_yrWC-1GBHFKsitVRLz2LJpa_wV39FL8B3Ee-oEO2Sw20m5NXDxcIK8tmSyqJSDAiOg6e7mi1TD6HcCVqvkPEqaivGvpeUVEiIl8rIPjrl4-5T_csGHCp7Rw5XtFeXVkVrUy6vpf0/s1600/add_label06.jpg" imageanchor="1" style="color: #1d81b6; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><span style="font-family: inherit;"><img aea="true" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgz3_yrWC-1GBHFKsitVRLz2LJpa_wV39FL8B3Ee-oEO2Sw20m5NXDxcIK8tmSyqJSDAiOg6e7mi1TD6HcCVqvkPEqaivGvpeUVEiIl8rIPjrl4-5T_csGHCp7Rw5XtFeXVkVrUy6vpf0/s640/add_label06.jpg" style="border: 0px solid rgb(212, 215, 222); margin: 4px 0px 10px; padding: 5px;" width="640" /></span></a></div><div class="MsoNormal" style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; margin: 0cm 0cm 0pt;"><span style="font-family: inherit;"><br /></span></div><div class="MsoNormal" style="background-color: white; margin: 0cm 0cm 0pt;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">2. คลิกเลือกบทความที่ต้องการ</span></span></div><div class="MsoNormal" style="background-color: white; border: medium none; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; margin: 0cm 0cm 0pt;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd-HjtmchHOmzUyceqVAtZBuoTcP4jbD28cQ2RuDhbRb-OHTz2XFGW4v8fkxaeoVl9lUgiht6MtnduJENDttBMY0lN_XUa62j2aIMQ-X2hxz1BzdSfdEy5Y5Xv0dwi5dhoZW3l9enaCJY/s1600/add_label04.jpg" imageanchor="1" style="clear: right; color: #1d81b6; float: right; margin-bottom: 1em; margin-left: 1em; outline: none; text-decoration: none;"><span style="font-family: inherit;"><img aea="true" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd-HjtmchHOmzUyceqVAtZBuoTcP4jbD28cQ2RuDhbRb-OHTz2XFGW4v8fkxaeoVl9lUgiht6MtnduJENDttBMY0lN_XUa62j2aIMQ-X2hxz1BzdSfdEy5Y5Xv0dwi5dhoZW3l9enaCJY/s1600/add_label04.jpg" style="border: 0px solid rgb(212, 215, 222); margin: 4px 0px 10px; padding: 5px;" /></span></a></div><br />3.มาดูทางมุมด้านขวา จะมีส่วนควบคุมที่ชื่อ Post settings (การตั้งค่าโพสต์)<br />4.คลิกเลือกรายการ Labels(ป้ายกำกับ) จะเกิดกล่องข้อความ ให้ท่านพิมพ์ข้อความที่จะกำหนดเป็นกลุ่มหมวดหมู่ลงไป (หรืออาจจะเลือกกลุ่มที่ท่านได้กำหนดไว้แล้วก็ได้)<br />หมายเหตุ  เราสามารถใส่ Labels(ป้ายกำกับ) ให้กับบทความมากกว่า 1 ป้ายกำกับได้ ซึ่งจะคั่นแต่ละป้ายด้วยเครื่องหมายจุลภาค(,)<br />5.เรียบร้อยคลิกที่ปุ่ม Done (เสร็จสิ้น)<br />6.ที่หน้าแรกของบล็อก  ก็จะเกิดหมวดหมู่ของบทความที่เราตั้งชื่อไว้ในขั้นที่ 4 ปรากฏขึ้น<br /><br /><br />หมายเหตุ<br />1. Gadget ที่ชื่อ Labels นี้ท่านสามารถเพิ่มได้มากกว่า 1 ตำแหน่ง<br />2.หาก Gadget ที่สร้างขึ้นนี้ ไม่ต้องการ ท่านสามารถเข้าไปยกเลิก โดยคลิกที่ปุ่ม Remove

Blogger : วิธีจัดทำสารบัญหมวดหมู่

หากเราเป็นผู้มีเรื่องราวมากมาย และคิดว่าจะเผยแพร่เรื่องราวไว้บนบล็อกในหลากหลายเรื่อง ซึ่งเมื่อนานวัน รวมถึงมีเรื่องเพิ่มมากขึ้น สิ่งหนึ่งที่...

อ่านเพิ่มเติม »

Blogger : การใส่แบนเนอร์ส่วนหัวให้กับบล็อก

<br />จากบทความแนะนำสภาพแวดล้อมทั่วไปของ Blogger จะพบว่าในส่วนหัวอนุญาตให้เราสามารถวางภาพส่วนหัว เพื่อใช้เป็นสัญญลักษณ์ของเว็บได้<br />วิธีการ ดำเนินการดังนี้<br />1. สร้างแบนเนอร์ตามที่ต้องการไว้ก่อน ขนาดแล้วแต่ท่านแต่ความกว้างไม่ควรน้อยกว่า 800 pixel ความสูงของภาพก็ลองออกแบบให้ดูเหมาะสม ไม่สูงมากจนเกินควร ขนาดมาตรฐานประมาณ 100 pixel  ถ้าใส่สูงมากก็จะกินพื้นที่หน้าจอแสดงผล<br /><br />2.เมื่อเข้าทำงานในฐานะผู้สร้าง(ต้อง login เข้ามา) ซึ่งจะปรากฏรายละเอียดดังภาพด้านล่าง<br /><br />3. ให้คลิกไปที่ปุ่ม รายการที่ post (หมายเลข 8) ตามรูปด้านล่าง<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6bVc_hJmDdEoOwq6Gz96VA67M5XHUo0kt2qphtwQmQMUPacpNaCmXQAiH4EtKxuEDMPEud2yjYfme4fxi1EFUW1oXgiT2N9LM6z73_auiKywr88vrBi6_3gQlse9D9YJJLGz18LT04U8/s1600/4000.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6bVc_hJmDdEoOwq6Gz96VA67M5XHUo0kt2qphtwQmQMUPacpNaCmXQAiH4EtKxuEDMPEud2yjYfme4fxi1EFUW1oXgiT2N9LM6z73_auiKywr88vrBi6_3gQlse9D9YJJLGz18LT04U8/s1600/4000.jpg" /></a></div><br />4. จะปรากฏหน้าต่างการทำงาน พร้อมเครื่องมือ ให้ท่านดูที่แถบกลุ่มเครื่องมือด้านซ้ายมือ เลือกรายการ รูปแบบ แล้วคลิก<br /><div class="separator" style="background-color: white; clear: both; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyfudiIDX9Qkws_phQyzgzqtPBC0775Agyhy1xm9D72mS9rePKNyYEOPwECkvy6pM6i3V6-Tdhu463nmu2P2-z_VLBIqllhfSmOv8fDfwpGIQe8NsL5P97mQdGBL2dCDoqfauKxHNuMU/s1600/3005.jpg" imageanchor="1" style="color: red; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><img aea="true" border="0" height="435" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyfudiIDX9Qkws_phQyzgzqtPBC0775Agyhy1xm9D72mS9rePKNyYEOPwECkvy6pM6i3V6-Tdhu463nmu2P2-z_VLBIqllhfSmOv8fDfwpGIQe8NsL5P97mQdGBL2dCDoqfauKxHNuMU/s640/3005.jpg" style="border: 0px solid rgb(212, 215, 222); margin: 4px 0px 10px; padding: 5px;" width="640" /></a></div><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">5.ไปคลิกที่คำว่าแก้ไข ในบริเวณที่เรียกว่าส่วนหัว(หมายเลข 3) จะปรากฎหน้าต่างสำหรับ นำภาพเข้ามายังในหน้าเว็บ ดังภาพด้านล่าง </span></span><br /><br /><div class="separator" style="background-color: white; clear: both; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrv7PGNsU6SWZqDm7tJSh8Uovo9qE617tBtGHjmND2LzyhEUecn6dLs4Fsq2DZI7eDvq74fJazuCC5bWO5uXkzoVCeF0yhuZIEUo3cU3xMVQVY9C9KOZC4NassQdgAWafHZ5bKalau04/s1600/4001.png" imageanchor="1" style="color: #1d81b6; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><img aea="true" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrv7PGNsU6SWZqDm7tJSh8Uovo9qE617tBtGHjmND2LzyhEUecn6dLs4Fsq2DZI7eDvq74fJazuCC5bWO5uXkzoVCeF0yhuZIEUo3cU3xMVQVY9C9KOZC4NassQdgAWafHZ5bKalau04/s1600/4001.png" style="border: 0px solid rgb(212, 215, 222); margin: 4px 0px 10px; padding: 5px;" /></a></div><div class="separator" style="background-color: white; clear: both;"></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">6. ที่ปุ่ม Browse ให้ท่านคลิกแล้วไปยังตำแหน่งที่ท่านได้สร้างแบนเนอร์ส่วนหัวไว้ นำภาพเข้ามาตามวิธีการปกติ</span></span></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">7.ทำการกำหนดเงื่อนไขการจัดวาง หากไม่ต้องการให้เห็นข้อความ(ในที่นี้คือคำว่า northeducation) ให้เลือกรายการที่ วางคำอธิบายไว้หลังภาพ</span></span></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">สำหรับ checkbox คำว่า ลดขนาดให้พอดีนั้น ระบบจะปรับลดแบนเนอร์นี้ให้กว้างเพียง 760 pixel เพื่อการแสดงผลบนเว็บที่มีความกว้างเพียง 800 pixel เท่านั้น ซึ่งปัจจุบัน มีเว็บไซต์ความกว้างขนาดนี้ ไม่มากนัก</span></span></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">เมื่อดำเนินการเรียบร้อยแล้ว ให้คลิกปุ่ม บันทึก  ก็เป็นอันว่าเสร็จสิ้นกระบวนการ</span></span></div><div style="font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;"><br /></div>

Blogger : การใส่แบนเนอร์ส่วนหัวให้กับบล็อก

จากบทความแนะนำสภาพแวดล้อมทั่วไปของ Blogger จะพบว่าในส่วนหัวอนุญาตให้เราสามารถวางภาพส่วนหัว เพื่อใช้เป็นสัญญลักษณ์ของเว็บได้ วิธีการ ดำเนินกา...

อ่านเพิ่มเติม »

Blogger : การสร้างบทความ

<span style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;">การสร้างบทความบน Blogger สามารถสร้างงานได้ค่อนข้างง่าย ซึ่ง Blogger สนับสนุนการสร้างงานใน 2 ลักษณะ ทั้งแบบพิมพ์-จัดหน้าเอกสารที่มีมาพร้อมเครื่องมือที่จำเป็นต่อการใช้งาน กับอีกรูปแบบที่ผู้ใช้ต้องมีทักษะทางด้านการพัฒนาเว็บพอสมควร เรามาศึกษารายละเอียดกันทีละแบบ</span><br /><br style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;" /><span style="background-color: white; color: red; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;"><strong>1.แบบ Compose</strong></span><br /><span style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;">ในแบบนี้ค่อนข้างทำงานคล้ายคลึงกับโปรแกรม Microsoft Word  มีเครื่องมือที่จำเป็นต่อการใช้งาน มาพอสมควร ผู้สร้างเนื้อหาสามารถสร้างสรรงานได้ง่าย</span><br /><span style="background-color: white; font-family: Arial, verdana, Tahoma, 'Century gothic', sans-serif; font-size: 14px; line-height: 19.200000762939453px;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KPPphyo0xk3EUqT2N9XvHAT9357Ixn3Bq49AFvpkKfuHp3sXshfSpJR0Ol7ZU8SHWZgssVmJcmKtNgGgQZ6UCuayyiLeRg35b0jv-zkSRGvYskqqouBbuvblhW97R4IXWPexPd5d4edj/s1600/b100.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KPPphyo0xk3EUqT2N9XvHAT9357Ixn3Bq49AFvpkKfuHp3sXshfSpJR0Ol7ZU8SHWZgssVmJcmKtNgGgQZ6UCuayyiLeRg35b0jv-zkSRGvYskqqouBbuvblhW97R4IXWPexPd5d4edj/s1600/b100.jpg" /></a></div><span style="background-color: white;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"></span></span><br /><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">มีส่วนประกอบในหน้าต่างทำงานดังนี้</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">1.     ช่องกำหนดหัวเรื่อง </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">2.     ส่วนเลือกรูปแบบการสร้างเนื้อหา ระหว่าง Compost และ HTML ซึ่งสถานะปัจจุบัน อยู่ในโหมด Compose</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">3.     เครื่องมือการ Undo Redo</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">4.     รูปแบบฟอนต์ ตัวอักษร มี 7 รูปแบบ</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">5.     ขนาดตัวอักษร มี 5 ขนาด เล็กสุด ถึง ใหญ่สุด</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">6.     กำหนดคุณลักษณะของตัวอักษร หนา เอน ขีดเส้นใต้</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">7.     กำหนดสีของตัวอักษร </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">8.     กำหนดคุณลักษณะให้เกิด hilight ตัวอักษร ทำบทความให้อยู่กึ่งกลาง</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">9.     ทำ Link ให้ข้อความ ซึ่ง Link ที่สร้างสามารถกำหนดได้ทั้งที่เป็น Link ของเว็บไซต์ และ</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        จดหมายอีเล็กทรอนิกส์ </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">10.   เพิ่มรูปภาพลงในบทความ โดยระบบจะให้เราอัพโหลดไฟล์รูปภาพจากเครื่องคอมพิวเตอร์ขึ้น</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        สู่ระบบ และยังสามารถปรับขนาดและจัดรูปแบบให้อยู่ ซ้าย,กลาง,ขวา ได้</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">11.   เพิ่มวิดีโอลงในบทความ ซึ่งท่านสามารถเพิ่มจากเครื่องคอมพิวเตอร์ จาก YouTube จาก </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        โทรศัพท์มือถือ เป็นต้น</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">12.   เป็นส่วนวาง Jump break สำหรับขึ้นบรรทัดใหม่</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">13.   ทำบทความให้ชิดซ้าย อยู่กึ่งกลาง หรือชิดขวา</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">14.   สำหรับใส่ลำดับข้อให้บทความ ซึ่งมีให้เลือกทั้งแบบตัวเลขและแบบ Bullet</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">15.   ใส่ "," ให้กับข้อความที่ต้องการเน้นคำพูด</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">16.   ส่วนกำหนดเงื่อไข ป้ายกำกับ หรือ Label ให้บทความ ศึกษาเพิ่มเติมเรื่องการเพิ่มหมวดหมู่</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">17.   กำหนดวัน เวลา กำกับบทความ มีทั้งแบบตั้งค่าเอง และแบบอัตโนมัติ</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">18.   ตำแหน่งและที่อยู่ของเครื่องคอมพิวเตอร์ ที่สร้างบทความ</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">19.   ส่วนกำหนดเงื่อนไขพิเศษ ให้กับบทความ</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">20.   Update / Publish เป็นส่วนกำหนดสถานะของบทความว่าอยู่ในแบบออนไลน์(ปุ่มนี้จะอยู่ในสถานะ </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        Update) หรือเป็นต้นฉบับ (ปุ่มนี้จะแสดงเป็น Publish) ซึ่งจะทำงานสำพันธ์กับ /Save ในข้อ (21) </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        โดย Update / Publish ถือเป็นปุ่มสำหรับการปรับปรุงข้อมูลที่เราแก้ไข หรือสร้าง (คล้ายๆกับการ </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">        save งาน)</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">21.   เป็นส่วนกำหนดสลับสถานนะบทความที่สร้าง ระหว่างบทความออนไลน์ หรือ แค่เป็นฉบับร่าง</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">       ซึ่งตรงปุ่มนี้ จะมี 2 สถานะ คือ  Revert to Draft (ร่าง) / Save </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">22.   Preview เป็นปุ่มสำหรับทดสอบการแสดงผล </span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">23.  ปิดกระดานสร้างเนื้อหา</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><br /></span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">2.แบบ HTML</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><br /></span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;">ในลักษณะนี้ผู้สร้างงานต้องมีพื้นความรู้ด้านภาษาคำสั่งที่ html ซึ่งสามารถเข้าถึง ปรับแก้ เพิ่มเติมลักษณะพิเศษได้ค่อนข้างมากผ่านการใช้ภาษาคำสั่ง html</span></div><div style="font-size: 14px; line-height: 19.200000762939453px;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><br /></span></div><div class="separator" style="clear: both; font-size: 14px; line-height: 19.200000762939453px; text-align: center;"><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6mp2rZaLZr89BD3rbPsLDNF3-3kEvMuZvl_tJYy2btSBrzR6HiSsNO9yGtv-i4tvpo8RsdoOWSIkCDuzlceh9keCcT3JlaUi-WhK6xBFLBmlH4_5ybs3Feq28pNwhqorWXlX_L8rdaDSK/s1600/b101.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6mp2rZaLZr89BD3rbPsLDNF3-3kEvMuZvl_tJYy2btSBrzR6HiSsNO9yGtv-i4tvpo8RsdoOWSIkCDuzlceh9keCcT3JlaUi-WhK6xBFLBmlH4_5ybs3Feq28pNwhqorWXlX_L8rdaDSK/s1600/b101.jpg" /></a></span></div><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">โดยในรูปแบบนี้ เครื่องมือจะเหลือเพียงไม่กี่รายการ ได้แก่ </span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">1. ชุดสลับโหมดระหว่าง Compost และ HTML ซึ่งสถานะปัจจุบัน อยู่ในโหมด HTML </span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">2. ชุดกำหนดคุณลักษณะตัวอักษรหนา หรือ เอียง</span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">3. เครื่องมือวาง links</span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">4. เครื่องมือนำภาพเข้า</span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">5.   ส่วนใส่ "," ให้กับข้อความที่ต้องการเน้นคำพูด</span></span><br /><span style="font-family: Arial, verdana, Tahoma, Century gothic, sans-serif;"><span style="font-size: 14px; line-height: 19.200000762939453px;">นอกนั้นจะมีลักษณะใกล้เคียงกัน</span></span><br /><br />

Blogger : การสร้างบทความ

การสร้างบทความบน Blogger สามารถสร้างงานได้ค่อนข้างง่าย ซึ่ง Blogger สนับสนุนการสร้างงานใน 2 ลักษณะ ทั้งแบบพิมพ์-จัดหน้าเอกสารที่มีมาพร้อมเคร...

อ่านเพิ่มเติม »

Blogger : .สภาพแวดล้อมทั่วไป

สภาพแวดล้อมทั่วไปของ Blogger<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyzJdW1eTa0o0M1_AAtMK-mivLMv5AQqoDfg2iwEKiWjBw7eHJk8vktLMbNuK_4pOtGOf_N19B_I2onYBt4jhCrKn6d9MPfj2yDlMyvm-Sq1nNjpPrOhTYycNhlXn99VlfyqX1SpoKy33/s1600/3001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyzJdW1eTa0o0M1_AAtMK-mivLMv5AQqoDfg2iwEKiWjBw7eHJk8vktLMbNuK_4pOtGOf_N19B_I2onYBt4jhCrKn6d9MPfj2yDlMyvm-Sq1nNjpPrOhTYycNhlXn99VlfyqX1SpoKy33/s1600/3001.jpg" /></a></div><br />สภาพแวดล้อมทั่วไปของ Blogger ในเวอร์ชั่นของ Google มีข้อแตกต่างจาก Blogger ดั้งเดิมอยู่บ้าง เรามาเรียนรู้กันในส่วนของสภาพแวดล้อม พื้นฐานค่าตั้งต้นโดยรวมกันก่อน โดยจะทำการเปรียบเทียบ ในมุ่มมองทั้งฝั่งของผู้สร้างงาน (ภาพด้านบน) และฝั่งทางผู้อ่าน ก็คือการแสดงผลจริง (ภาพด้านล่างสุด)<br /><br />หมายเลข 1 คือ Favicon สำหรับไว้สร้างเอกลักษณ์ของบล็อกในลักษณะเป็น โลโก้เล็กๆที่ท่านต้องเตรียมไฟล์รูปไว้<br />หมายเลข 2 คือ ส่วนเมนูบาร์ หรือแถบนำทาง ส่วนนี้ในมุมมองมองผู้เข้าชมหรือผู้อ่าน จะประกอบด้วย รายการ<br />          ส่วนค้นหา จะเป็นส่วนค้นหาข้อมูลในบล็อกนี้<br />          ใช้ร่วมกัน จะเป็นส่วนเชื่อมต่อ Social network<br />          ติดตาม จะเป็นส่วนสำหรับให้เราเฝ้าติดตาม(พร้อมแจ้งข่าว)อ่านบล็อกสมาชิกคนอื่น<br />          รายงานการละเมิด เป็นส่วนแจ้งไปที่เว็บไซต์ของ Blogger เมื่อพบมีการละเมิดบทความ<br />                                           หรือข้อผิดพลาด<br />          บล็อกถัดไป เป็นส่วนเชื่อมต่อไปยังบล็อกอื่นๆที่อยู่ในกลุ่มเดียวกัน<br />          ส่วนแสดงผู้เป็นเจ้าของ ซึ่งจะแสดงด้วย e-mail<br />          บทความใหม่ (สร้างบล็อก) ส่วนสำหรับสร้างบล็อก<br />          การออกแบบ ส่วนสำหรับสร้างบล็อก<br />          ออกจากระบบ/ลงชื่อเข้าใช้ สำหรับอำนวยความสะดวกแก่สมาชิกให้เข้าสู่ระบบ<br /><br /><br />หมายเลข 3  เป็นส่วนวางหัวเว็บ(Page Header) จะอยู่ในตำแหน่งเกือบบนสุด ซึ่งระบบอนุญาต<br />                      ให้ท่านสามารถนำภาพกราฟิกหรือ Logo มาวางตรงจุดนี้ได้ เพื่อบ่งบอกตัวตน<br />                      (ดังตัวอย่างข้างล่าง)<br />                      ซึ่งค่าดั้งเดิมจะแสดงเป็นแค่ข้อความที่เป็นชื่อที่ท่านลงทะเบียนไว้แทน<br />หมายเลข 4  เป็นส่วนแสดงเนื้อหาบทความ<br /><br />หมายเลข 5  โซนนี้เรียกว่า Sidebar เป็นส่วนแสดงรายการบทความหรือรายการบล็อก<br />                       (ข้อความตรงนี้สามารถแก้ไขตามความต้องการได้)<br /><br />หมายเลข 6  เป็นส่วนแสดงข้อมูลของเจ้าของบล็อก ซึ่งจะอยู่ในโซน Sidebar เช่นกัน<br />                       ส่วนนี้สามารถใส่ภาพ เจ้าของบล็อก หรือLogo ประจำตัวได้<br /><br />หมายเลข 7  เป็นส่วนท้ายเว็บที่จะแสดง status ของเว็บว่าเป็นใคร ผนวกรวมกับแสดงรายละเอียด<br />                      ของรูปแบบ template และแสดงสิทธิ์ของบล็อก ซึ่งก็คือ Blogger นั่นเอง<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVYoQX0kmorBXc72umL70SyKl03u-QEtPgd2ZSPNbUjhDaMH3JQVDZ_C4PiuhRAvy_f2E55rX-f7mB4HWxSo7GxIV4NsT1jrRZCx8KsYWRP5WYCr1NmjQzer_be3Ho7yV4uvxjBBt24Ia/s1600/3002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVYoQX0kmorBXc72umL70SyKl03u-QEtPgd2ZSPNbUjhDaMH3JQVDZ_C4PiuhRAvy_f2E55rX-f7mB4HWxSo7GxIV4NsT1jrRZCx8KsYWRP5WYCr1NmjQzer_be3Ho7yV4uvxjBBt24Ia/s1600/3002.jpg" /></a></div>นอกจากนี้ Blogger ยังสามารถติดตั้งส่วนพิเศษที่เรียกว่า Gadget เพิ่มเติมต่างๆได้โดยง่าย โดย Blogger ได้มี Gadget ที่น่าใช้ในเวลานี้มากถึง 24 รายการ  มีรายการ ดังภาพด้านล่างนี้<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn25OkZJB5hZ88fs_TWyDNaw5XdE1ulbtY0PartSBgpQHfxJQkuOBcC_sIT7910Yt2Z81MuLV68KHdZuN1kiCmhndYn_bzz7CiyE3GBUAJ84x0WDwDqJsDE1BPkhQDlxkbrLgSJLRB694r/s1600/gadget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn25OkZJB5hZ88fs_TWyDNaw5XdE1ulbtY0PartSBgpQHfxJQkuOBcC_sIT7910Yt2Z81MuLV68KHdZuN1kiCmhndYn_bzz7CiyE3GBUAJ84x0WDwDqJsDE1BPkhQDlxkbrLgSJLRB694r/s1600/gadget.jpg" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

Blogger : .สภาพแวดล้อมทั่วไป

สภาพแวดล้อมทั่วไปของ Blogger สภาพแวดล้อมทั่วไปของ Blogger ในเวอร์ชั่นของ Google มีข้อแตกต่างจาก Blogger ดั้งเดิมอยู่บ้าง เรามาเรียนรู้กันในส...

อ่านเพิ่มเติม »

Blogger : .การสร้างบล็อก

<br />วิธีสร้างบล็อกกับ Blogger โดยมีขั้นตอน ดังนี้<br />1. ก่อนอื่นท่านต้องมีอีเมล์สำหรับสมัครเพื่อเปิดใช้บริการของ Blogger ท่านสามารถใช้ email เครือข่ายใดก็ได้<br />2.ไปที่ www.blogger.com เพื่อเริ่มสร้างบล็อก โดยไปที่ส่วนลงชื่อเข้าใช้งาน(Sign in)ด้านขวา ใส่อีเมล์ของท่านและรหัสผ่านลงในช่อง จากนั้นคลิกที่ปุ่ม ลงชื่อเข้าใช้งาน หากท่านที่ไม่คุณเคยภาษาไทย อยากเปลี่ยนเป็นภาษาอื่นคลิกเลือกเปลี่ยนที่มุมขวาล่างสุด (สำหรับทความนี้ขอใช้ภาษาไทย)<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8j5bU0JJuUEJBCW5VvFoQNnuaWZMSOLba_qESokmiQtLFUcPJ1Ov7izZi8Wy0vdMdG1wonAZ-LyK1GLwUYBymh71ydjFOVTIMTOxgV9TaGRigChR8Dq-cqQatoXCZaDx36wM5THxBzET4/s1600/1001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8j5bU0JJuUEJBCW5VvFoQNnuaWZMSOLba_qESokmiQtLFUcPJ1Ov7izZi8Wy0vdMdG1wonAZ-LyK1GLwUYBymh71ydjFOVTIMTOxgV9TaGRigChR8Dq-cqQatoXCZaDx36wM5THxBzET4/s1600/1001.png" /></a></div><div><div>3. จะเข้าสู่หน้าการลงทะเบียนใช้งาน ซึ่ง Blogger มีขั้นตอนที่ไม่ยุ่งยากเพียง 3 ขั้นตอน ก็คือ</div><div>ขั้นตอนที่ 1 สมัครใช้งานขั้นตอนที่ 2 ตั้งชื่อบล็อก</div><div>ขั้นตอนที่ 3 เลือกแม่แบบในภาพด้านล่างคือขั้นตอนที่ 1 สมัครใช้งาน ซึ่งจะแสดงบัญชีผู้ใช้ มีรายละเอียดคือ</div><div>ที่อยู่อีเมล์ (ที่ได้สมัครเข้ามา)</div><div>ชื่อผุ้ใช้งาน (ชื่อที่สร้างบัญชีอีเมล์ไว้)</div><div>ชื่อที่แสดง ส่วนนี้ท่านต้องกำหนดเอง เพราะจะเป็นชื่อที่ปรากฏในการแสดงผลของ บล็อก</div><div>เพศ (อย่าลืมระบุเพศด้วย)</div><div>เสร็จแล้วอย่าลืมคลิกปุ่มการยอมรับข้อตกลงด้วย</div><div>เมื่อเรียบร้อย คลิกที่ปุ่ม ดำเนินการต่อ</div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbH9uGv4hIYEetmoJkhGQ9Fsf8-xrCrO5cNqXRxTKPtyWHdrCvqlNmsTx2Lm8P9bC3Dxhdx6vMBSzdnCV4jA0bg492NQyyna1dNLSPRd7ursje0JQGevbnrEKXop_-PS5XOIJn-Je0YZy7/s1600/1002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbH9uGv4hIYEetmoJkhGQ9Fsf8-xrCrO5cNqXRxTKPtyWHdrCvqlNmsTx2Lm8P9bC3Dxhdx6vMBSzdnCV4jA0bg492NQyyna1dNLSPRd7ursje0JQGevbnrEKXop_-PS5XOIJn-Je0YZy7/s1600/1002.png" /></a></div><div>4. มาถึงขั้นตรงนี้ ท่านจะพบหน้าบล็อกของท่านแล้ว โดยด้านบนขวาท่านจะเห็นชื่อที่แสดงตามที่ท่านกำหนดไว้ ในหน้าต่างนี้ยังคงแสดงเป็นภาษาไทยหากท่านจะเปลี่ยนภาษาอื่นก็คลิกที่ปุ่มภาษาใต้ชื่อที่แสดง ได้เลย</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGjOSmOX1opKg4ZDi-jzoJenQvQV1GaoWy9iFVg3wa7W6EF7MDbWqsh2Q6KaityNMphRgcppgPK06MBVWtLIoM-RjnwoCehUakaRRdWlr0ak-5_c3BdORE0JT0tn4c91zqPJqvGsoZqP8h/s1600/1003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGjOSmOX1opKg4ZDi-jzoJenQvQV1GaoWy9iFVg3wa7W6EF7MDbWqsh2Q6KaityNMphRgcppgPK06MBVWtLIoM-RjnwoCehUakaRRdWlr0ak-5_c3BdORE0JT0tn4c91zqPJqvGsoZqP8h/s1600/1003.png" /></a></div><div>5. มาสู่ขั้นตอนที่ 2 ตั้งชื่อบล็อก ขั้นตอนนนี้ จะเป็นชื่อของเว็บของท่านในสภาพจริง เรามาทำกันต่อเลย โดยการคลิกที่ปุ่ม บล็อกใหม่ ซึ่งจะเกิดหน้าต่างขึ้นมา ท่านต้องกำหนดชื่อท่านลงไปในช่อง ชื่อ และกำหนดชื่อที่ใช้แสดงผลเว็บ ลงในช่อง ที่อยู่  ซึ่งชื่อที่ท่านกำหนด ระบบจะทำการตรวจสอบทันทีว่าสามารถใช้งานได้ไหม</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh3xSzit96QM9CWxzWAOmHUjV_cttxsjVKZ8IdpVQhf2Aklr_0LAfmWYU5OtlENjfpr92AWFsZXK4RGkl_ct2gItcSbw0tStn_vHnDhl0Unr-yt4a8bHAgLshJ3RUTwqNee2lS6r5DTyPJ/s1600/1004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh3xSzit96QM9CWxzWAOmHUjV_cttxsjVKZ8IdpVQhf2Aklr_0LAfmWYU5OtlENjfpr92AWFsZXK4RGkl_ct2gItcSbw0tStn_vHnDhl0Unr-yt4a8bHAgLshJ3RUTwqNee2lS6r5DTyPJ/s1600/1004.png" /></a></div><div><br /></div><div><div>6.ที่ส่วนแม่แบบท่านสามารถกำหนดเลือกแม่แบบตรงส่วนนี้ก่อนได้(ถือเป็นการเข้าสู่ขั้นตอนที่ 3 เลือกแม่แบบ หรือจะไปเลือกตอนหลัง) ซึ่งจะมีแม่แบบหลักๆให้ท่านเลือก 7 กลุ่ม ท่านสามารถเปลี่ยนแปลงได้อีกในภายหลัง</div><div>เมื่อเรียบร้อยให้คลิกที่ปุ่ม สร้างบล็อก ได้เลย</div><div>7.ที่หน้า Blogger จะกลับมาที่หน้าเดิม ซึ่งคราวนี้จะเห็นชื่อที่ท่านตั้งปรากฏอยู่ ดังภาพด้านล่าง มาถึงตอนนี้ ครบ 3 ขั้นตอน ท่านก็พร้อมที่จะเริ่มเขียนบล็อกได้แล้ว</div><div>8. เริ่มเป็นนักเขียนบล็อก ให้ท่านคลิกที่ปุ่ม รูปปากกา หรือคลิกที่คำว่า เริ่มต้นการโพสต์ ซึ่งจะเข้าสู่กระดานเขียนบล็อกดังภาพ</div></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL0If8DcC7axq4z-VKmNmXDj1FP2fTBhWW9Jn40UYq3D7xQvyC2rPN8Us8wu8JpGhYeUSrEq_hLodMHLEKRpAfnMeJXCizaN-z7KB0CGP-F0TkQmcC5OfnVrTdZA57Ys8pHBrH3XRdHIwP/s1600/1006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL0If8DcC7axq4z-VKmNmXDj1FP2fTBhWW9Jn40UYq3D7xQvyC2rPN8Us8wu8JpGhYeUSrEq_hLodMHLEKRpAfnMeJXCizaN-z7KB0CGP-F0TkQmcC5OfnVrTdZA57Ys8pHBrH3XRdHIwP/s1600/1006.png" /></a></div><div><br /></div><div><div>9. ภายในกระดานเขียน จะแบ่งเป็น 3 ส่วน</div><div>ส่วนแรก คือส่วน ควบคุม อยู่ส่วนบนสุด ประกอบด้วยชื่อของบล็อก ช่องใส่ชื่อเรื่องที่ท่านต้องการเขียน ปุ่มเผยแพร่ ปุ่มบันทึก(ซึ่งโปรแกรมจะบันทึกให้อัตโนมัติเป็นระยะๆ) ปุ่มแสดงตัวอย่าง และปุ่มปิดหน้าต่าง เพื่อกลับไปหน้าบัญชีหลัก</div><div>ส่วนที่ 2 เป็นส่วนเขียนเนื้อหา มีเครื่องมือใช้งานพื้นฐานที่จำเป็น ซึ่งสำหรับท่านที่ใช้โปรแกรมการจัดทำเอกสารจำพวก Word ก็คงไม่ยากอะไร ส่วนสำคัญของบล็อกนี้ท่านสามารถใส่ภาพ หรือวิดีทัศน์ได้อย่างง่าย หรือจะใช้วาง link เว็บไซต์ต่างๆก็ได้</div><div>ส่วนที่ 3 เป็นส่วนสนับสนุนเพิ่มเติม ได้แก่</div><div>ป้ายกำกับ  สำหรับสร้างกลุ่มของเนื้อหา จะแนะนำในบทความต่อไป</div><div>กำหนดเวลา  มี 2 ค่าที่ตั้งคือ อัตโนมัติด้วยระบบ และตั้งค่าเอง</div><div>ตำแหน่งที่ตั้ง  ซึ่งไว้กำหนดที่อยู่ของท่านเชื่อมกับบริการ Google Map</div><div>ตัวเลือก จะเป็นส่วนกำหนดค่าพิเศษต่างๆ ได้แก่ การให้บล็อกอนุญาตให้ผู้อ่านแสดงความคิดเห็นกับบทความของท่าน หรือการตั้งค่าการเขียนบล็อกในเชิงเทคนิคภาษา html หรือเงื่อนไขการขึ้นบรรทัดใหม่ (ในที่นี้ควรเลือกรายการกด Enter)</div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9FkM-uUQYQYkmL877YPG7cBNKiBqyuWVFDcNXdPyyl4TrJS7lnhgkNnbv3amsRIhcAvWiG3LYPnzFN_QUE9BOH58JfjY3WZ8oK-38mqbLO8_-NT5g80NVANpbe65d8xfO6im30lDooU6C/s1600/1007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9FkM-uUQYQYkmL877YPG7cBNKiBqyuWVFDcNXdPyyl4TrJS7lnhgkNnbv3amsRIhcAvWiG3LYPnzFN_QUE9BOH58JfjY3WZ8oK-38mqbLO8_-NT5g80NVANpbe65d8xfO6im30lDooU6C/s1600/1007.png" /></a></div><div><br /></div><div>10.หากบทความที่ท่านเขียนยังไม่เสร็จก้ยังไม่ต้องคลิกที่ปุ่มเผยแพร่ ให้คลิกที่ปุ่มปิด สถานะของเรื่องที่ท่านสร้างจะอยู่ในสถานะฉบับร่างหรือ draft ท่านสามารถมาเขียนต่อได้</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsejf3zSNRYbvZdhBcZjuj2PkurRYlEITJDJ9sXQ_rHk4c8T5qXQFWMJ0N2jdLWKLweaWrkEJw1iKtVyttnbRntkQ9B29BBXt_Rn7DGbaNvlxdU38RthCKHGtwSVhqR0zcNBkJW9cFnKCK/s1600/1009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsejf3zSNRYbvZdhBcZjuj2PkurRYlEITJDJ9sXQ_rHk4c8T5qXQFWMJ0N2jdLWKLweaWrkEJw1iKtVyttnbRntkQ9B29BBXt_Rn7DGbaNvlxdU38RthCKHGtwSVhqR0zcNBkJW9cFnKCK/s1600/1009.png" /></a></div><div><div>11.หากท่านเขียนหรือสร้างเสร็จแล้ว และทำการคลิกปุ่มเผยแพร่ บทความนี้ก็จะถูกเผยแพร่ทันที ซึ่งระบบยังอนุญาตให้ท่านกลับมาแก้ไข เปลี่ยนแปลง เพิ่มเติมได้ตลอดเวลา โดยเลื่อนเมาส์มาที่ชื่อรายการบทความจะมีรายการ(แก้ไข ดู ลบ)ตามที่ท่านได้ดำเนินการเขียนบทความไว้</div><div><br /></div><div><br /></div><div>12. มาถึงตรงนี้ท่านก็มี บล็อกเป็นของตัวท่านเองแล้ว ดังภาพด้านล่าง </div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2n6ilSrcNOTWiygvFjyQD4n2mLv6KOQS4fHBcd02oBmmq9zLAQMYhY4AHC-EolH2q4BgMzMuiiHfjgjOPLSZ7K3yXRxnOO4T2GrPwwuQJEK5eys32b2OV45-5a48iM_PGkKQDhzieHBW8/s1600/1010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2n6ilSrcNOTWiygvFjyQD4n2mLv6KOQS4fHBcd02oBmmq9zLAQMYhY4AHC-EolH2q4BgMzMuiiHfjgjOPLSZ7K3yXRxnOO4T2GrPwwuQJEK5eys32b2OV45-5a48iM_PGkKQDhzieHBW8/s1600/1010.png" /></a></div><div><br /></div><div>สำหรับขั้นตอนการสร้างบล็อก ก้จบลงแล้ว ในเรื่องลำดับต่อไปจะได้นำเสนอเรื่อง สภาพแวดล้อมทั่วไป ซึ่งจะแนะนำภาพรวมของหน้าควบคุม การเรียกใช้ รวมถึงส่วนเสริมพิเศษ(Gadget) เพื่อพัฒนาบล็อกให้มีพลัง รวมถึงเนื้อหาการปรับแต่งอื่นๆกันต่อไป </div><div><br /></div>

Blogger : .การสร้างบล็อก

วิธีสร้างบล็อกกับ Blogger โดยมีขั้นตอน ดังนี้ 1. ก่อนอื่นท่านต้องมีอีเมล์สำหรับสมัครเพื่อเปิดใช้บริการของ Blogger ท่านสามารถใช้ email เครือข...

อ่านเพิ่มเติม »