tag:blogger.com,1999:blog-24106293642973146702024-03-05T12:43:19.066+07:00mediathailand : Bloggerเว็บไซตืเพื่อการเรียนรู้การสร้างบล็อก ด้วย Blogger แนะนำด้วยรูปแบบที่ง่ายต่อการเรียนรู้ด้วยตนเองmediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-2410629364297314670.post-80935852960382243132017-02-11T20:14:00.000+07:002017-02-11T20:14:02.167+07:00คุณลักษณะที่ดีของการสร้างบล็อกด้วย Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-iKJmbLuIpXicrp_2SOObHgumuAgv9uSgcDe9bhSnSdYZWmi0o6d-zvVSA56EgFNnM2qR-0DjbF5Zo-w5FIh5THAfXjkz2v5DUpZiswsjkNJmgnXpoQGo9gXdo7KIKlFCIYhJOW6OQ8/s1600/blogger01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-iKJmbLuIpXicrp_2SOObHgumuAgv9uSgcDe9bhSnSdYZWmi0o6d-zvVSA56EgFNnM2qR-0DjbF5Zo-w5FIh5THAfXjkz2v5DUpZiswsjkNJmgnXpoQGo9gXdo7KIKlFCIYhJOW6OQ8/s640/blogger01.jpg" width="640" /></a></div>
<br />
ตลอดระยะเวลาเกือบ 20 ปีที่ผ่านมา (1999) เว็บไซต์ในนามของ Blogger หนึ่งในผู้ให้บริการพื้นที่บนอินเทอร์เน็ต เพื่อให้ผู้ที่ต้องการนำเสนอสาระ เนื้อหาหรือบทความประเภทต่างๆ สามารถแบ่งบัน เรื่องราว รูปภาพงานกราฟิก หรือรูปถ่าย หรือสื่อต่างๆ รวมถึงแนวคิด ไอเดียดีๆอันส่งผลประโยชน์แก่ผู้อ่าน ผู้เข้าชมตลอดมา และเมื่อได้เข้ามาสู่ network ของผู้ให้บริการ search engine ที่ยิ่งใหญ่ที่สุด นาม GOOGLE ยิ่งส่งผลให้ Blogger กลายเป็น Weblog ที่ยิ่งใหญ่แห่งหนึ่ง <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpkmI38ZLHfbewCutmzicPYjUgsdV61juf4h6N7TATIzgf0rOXFYc_plE8SCwyW1z593yP1sPlKIuWejz8n5TXxEqHRkVF_j_Scnwwfmhygupilms3u76GAn4V2Clg4VTFUyQXx_QFHI/s1600/2017-02-07_21-10-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpkmI38ZLHfbewCutmzicPYjUgsdV61juf4h6N7TATIzgf0rOXFYc_plE8SCwyW1z593yP1sPlKIuWejz8n5TXxEqHRkVF_j_Scnwwfmhygupilms3u76GAn4V2Clg4VTFUyQXx_QFHI/s640/2017-02-07_21-10-02.png" width="640" /></a></div>
<br />
ตลอดระยะเวลาที่ผ่านมา Blogger จากบล็อกที่มีลักษณะเป็นคล้ายๆหน้ากระดาษเว็บออนไลน์ที่ดูเรียบๆ ถูก GOOGLE พัฒนาเพิ่มเติมนำไปสู่การเปลี่ยนแปลง คุณลักษณะต่างๆจน Blogger มีภาพลักษณ์ที่ดูดี มีเทคนิคในการใช้งานทั้งการสร้างเนื้องานและการเยี่ยมชมที่ง่าย ดูดีเทียบเท่าเว็บไซต์ที่สร้างด้วยภาษาสคริปต่างๆ ทีเดียว<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6eWgCM6OP9tFugnu5PzLPKI5KWaDzX2vlYwWtKoQjzBfIqGEyG4swKazRStKLVEEN6AzBjK9NOje2uOna_HscdKeODKK3gKI2ECaGkPh6tRAhW1ovJ2jg-7CL56uP67HTDtBv-PE8Ndo/s1600/twitter-600x250.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6eWgCM6OP9tFugnu5PzLPKI5KWaDzX2vlYwWtKoQjzBfIqGEyG4swKazRStKLVEEN6AzBjK9NOje2uOna_HscdKeODKK3gKI2ECaGkPh6tRAhW1ovJ2jg-7CL56uP67HTDtBv-PE8Ndo/s640/twitter-600x250.gif" width="640" /></a></div>
<br />
ปัจจุบันถือได้ว่า Blogger เป็น Application online ที่ใช้งานค่อนข้างง่าย มีเครื่องมือพื้นฐานเช่นเดียวกับโปรแกรม Word Processing นอกจากนี้ยังมีส่วนสนับสนุนต่างๆที่เรียกว่า Gadget ส่งผลให้ Blogger มีพลังต่อการสร้างสรรผลงานทียบเท่าเว็บไซต์ที่สร้างพัฒนาด้วยโปรแกรมเขียนเว็บ มีหลายส่วน ทำให้มีผู้สร้างบล็อกด้วย Blogger ทั่วโลกมากกว่า 330 ล้านบล็อก (อ้างอิงจาก : <a href="https://www.statista.com/statistics/256235/total-cumulative-number-of-tumblr-blogs/">https://www.statista.com/statistics/256235/total-cumulative-number-of-tumblr-blogs/</a>) <br />
<br />
สำหรับประเทศไทย มีการนำบล็อกมาใช้งานในด้านต่างๆที่หลากหลาย ไม่ว่าจะเป็นเรื่องส่วนตัวที่เป็นสมุดบันทึกกิจกรรม หรือประสบการณ์ชีวิต หรือด้านวิชาการหรือการศึกษาในรูปแบบต่างๆ ด้านร้านค้าห้องโชว์สินค้าออนไลน์ หรือเป็นแฟ้ม Album ภาพ เป็นต้น<br />
<br />
<strong>เราจะมาดูว่า Blogger มีลักษณะเด่นๆ อะไรบ้าง</strong><br />
<span style="color: blue;">1.สร้างง่ายกว่าการสร้างเว็บไซต์</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">2.ในหนึ่ง account ท่าน สามารถสร้างบล็อกได้ 100 บล็อก</span><br />
<span style="color: blue;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIYf4XYdSGXqxaujKv-eukTBzc4Tl60EOTH5XjJZxLp0ZbselT0ZBhzLBS8DcLZ9KzuqISvhxh2brAtTVqVqT6NMJpEAF1ULR1YQNvkxglOUqbyAPYJcD42b_6c5XgEnApbA_UQ5yOXg/s1600/2017-02-07_22-29-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIYf4XYdSGXqxaujKv-eukTBzc4Tl60EOTH5XjJZxLp0ZbselT0ZBhzLBS8DcLZ9KzuqISvhxh2brAtTVqVqT6NMJpEAF1ULR1YQNvkxglOUqbyAPYJcD42b_6c5XgEnApbA_UQ5yOXg/s1600/2017-02-07_22-29-06.png" /></a></div>
<br />
<span style="color: blue;">3.มีพื้นที่รองรับในการนำภาพกราฟิกเข้าใช้ในบล็อกมากถึง 1 GB</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">4.รองรับการสร้างหน้าเอกสารเว็บบล็อกที่ท่านสร้างขนาดใหญ่ถึง 1 MB</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">5.อนุญาตให้มีผู้เขียนร่วมได้ 100 คนต่อ 1 บล็อก</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">6.ไม่ต้องเช่าพื้นที่ และไม่มีค่าใช้จ่ายในการใช้งาน</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">7.ไม่ต้องใช้โปรแกรมพิเศษใดในการสร้างหน้างาน</span><br />
<span style="color: blue;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-3DcWvcdYklVe9Oy6jh8jn7-sWhP4w0N0DPLDUXANyjSpsQJsji1GNt0PyUkrANb6PUlO6FMmR57ZgEn3T6bhepVXith329GcTxSnCyHhtBwcqXxy_kjQgx5I201HcBaMX_C7VamNLG0/s1600/2017-02-07_22-29-59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-3DcWvcdYklVe9Oy6jh8jn7-sWhP4w0N0DPLDUXANyjSpsQJsji1GNt0PyUkrANb6PUlO6FMmR57ZgEn3T6bhepVXith329GcTxSnCyHhtBwcqXxy_kjQgx5I201HcBaMX_C7VamNLG0/s1600/2017-02-07_22-29-59.png" /></a></div>
<br />
<span style="color: blue;">8.สามารถจัดหมวดหมู่ หรือกลุ่มของเนื้อหาออกเป็นกลุ่ม ๆ (category)ได้ โดยท่านสามารถกำหนดกลุ่มเนื้อหาได้มากถึง 5,000 กลุ่มเนื้อหา</span><br />
<span style="color: blue;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmSNzyf4GBIabut2YjAadvF1PDhuByq5xmyvvLyxZ8zEO5OYR8ESpXi1opPaVS-dbh10z8kBKuBwS-lxggLUWQqc61DhrTCpVgMVaHugT9qJf9ovs0cwYtkyhhc5JJvQ02V30vtaPr-I/s1600/2017-02-07_22-32-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmSNzyf4GBIabut2YjAadvF1PDhuByq5xmyvvLyxZ8zEO5OYR8ESpXi1opPaVS-dbh10z8kBKuBwS-lxggLUWQqc61DhrTCpVgMVaHugT9qJf9ovs0cwYtkyhhc5JJvQ02V30vtaPr-I/s1600/2017-02-07_22-32-22.png" /></a></div>
<br />
<span style="color: blue;">9.เข้าสู่กระบวนการค้นหาเนื้อหาได้ง่ายและรวดเร็ว ทั้งในแบบคำสำคัญ หรือ ช่วงเวลา</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">10.กำหนดเงื่อนไขในการเผยแพร่ได้ อาทิเฉพาะส่วนตัว เผยแพร่แบบสมาชิกหรือกลุ่ม หรือ เผยแพร่สาธารณะ</span><br />
<span style="color: blue;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2shBEjVuL-mRxTxJwlFQ94lLUPTx9A1zmt0MNP1878r3MEHQkqgUGCe6HeHaLje96xm2SL68N0lgwLQDYSx4GVD1sv9YUrDCTvhuM3oOVTvv8d_LZKk3ivOYY023SOQV-z-j-OO1OHw/s1600/2017-02-07_22-34-29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="494" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2shBEjVuL-mRxTxJwlFQ94lLUPTx9A1zmt0MNP1878r3MEHQkqgUGCe6HeHaLje96xm2SL68N0lgwLQDYSx4GVD1sv9YUrDCTvhuM3oOVTvv8d_LZKk3ivOYY023SOQV-z-j-OO1OHw/s640/2017-02-07_22-34-29.png" width="640" /></a></div>
<br />
<span style="color: blue;">11.มีระบบแสดงความคิดเห็น (comment) ที่สามารถให้ท่านกำหนดเงื่อนไขให้ผู้อ่านแสดงความคิดเห็นในแต่ละบทความได้อย่างอิสระ</span><br />
<span style="color: blue;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pkTn40djPCYqUUgK1dAPrusHH1IcfsMjepyc73HYS8NnjOANQL3qLMu2pu3J67iAwP6QpmChRIwpS_MAqGFNwZ8tvP7wKwyQLvujWFbEr9TxISl6kfwXu4BraxH2FBm46MfRfs-bJpg/s1600/2017-02-07_22-35-39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pkTn40djPCYqUUgK1dAPrusHH1IcfsMjepyc73HYS8NnjOANQL3qLMu2pu3J67iAwP6QpmChRIwpS_MAqGFNwZ8tvP7wKwyQLvujWFbEr9TxISl6kfwXu4BraxH2FBm46MfRfs-bJpg/s640/2017-02-07_22-35-39.png" width="640" /></a></div>
<br />
<span style="color: blue;">12.อนุญาตให้ผู้สร้างงานสามารถแก้ไข html หรือเพิ่มเติมสคริปลักษณะพิเศษต่างๆได้</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">13.สามารถสร้างสรรบทความ หรือหัวข้อต่างๆได้ไม่จำกัด</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">14.อนุญาตให้ใช้ธีมหรือ Template จากภายนอกได้ง่าย</span><br />
<span style="color: blue;"></span><br />
<span style="color: blue;">15.บริหารจัดการเว็บบล็อกได้โดยง่าย</span><br />
<br />
<br />
อ้างอิง<br />
<a href="http://www.blogger.com/">http://www.blogger.com</a> <br />
<a href="http://www.mybloggertricks.com/2012/07/7-Reasons-why-Never-Migrate-Blogger-To-Wordpress.html">http://www.mybloggertricks.com/2012/07/7-Reasons-why-Never-Migrate-Blogger-To-Wordpress.html</a>mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0Thailand15.870032 100.992541000000070.21741150000000076 80.338244000000074 31.5226525 121.64683800000007tag:blogger.com,1999:blog-2410629364297314670.post-22478466695363744662017-02-05T13:40:00.000+07:002017-02-05T12:33:38.045+07:00แนวทางการนำเครือข่ายสังคมออนไลน์ไปใช้ในการจัดการศึกษาจากการที่รัฐบาลได้ดำเนินการวางยุทธศาสตร์ และกำหนดความเชื่อมโยงระหว่างยุทธศาสตร์กับการพัฒนาประเทศไทยตามแผนพัฒนาเศรษฐกิจและสังคมแห่งชาติฉบับที่ 10 และปรากฏยุทธศาสตร์ต่อเนื่องในแผนพัฒนาเศรษฐกิจและสังคมแห่งชาติฉบับที่ 11 ให้เป็น <strong>สังคมแห่งภูมิปัญญาและการเรียนรู้</strong> เพื่อใช้และสร้างภูมิปัญญาของคนไทยที่จะนำไปสู่การพัฒนาประเทศชาติให้มีความแข็งแกร่ง และความสามารถที่จะรองรับการท้าทายบนเวทีการแข่งขันในระบบเศรษฐกิจใหม่ของสังคมโลกาภิวัฒน์ได้อย่างเต็มที่ หนึ่งใน กรอบยุทธศาสตร์การพัฒนาประเทศ ที่เด่นชัดต่อการจัดศึกษา ก็คือ ยุทธศาสตร์การพัฒนาคุณภาพคนและสังคมไทยสู่สังคมแห่งภูมิปัญญาและการเรียนรู้<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirpTmM3yGHddPoHVOH8wbL_BjSs7Xx7I6YOwYg4w76m3FXsvXOPllNCWQvokgiAxyxQJkaeFEsX9oISCGPvO74bCdUOpMCtp6-aa40ZyLZIB1htEGrt1rlkn6l9GAC656Ycz4D5AYaiy0/s1600/f911002c4adc97a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirpTmM3yGHddPoHVOH8wbL_BjSs7Xx7I6YOwYg4w76m3FXsvXOPllNCWQvokgiAxyxQJkaeFEsX9oISCGPvO74bCdUOpMCtp6-aa40ZyLZIB1htEGrt1rlkn6l9GAC656Ycz4D5AYaiy0/s1600/f911002c4adc97a.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
การพัฒนาประเทศในระยะแผนพัฒนาเศรษฐกิจและสังคมแห่งชาติฉบับที่ 11 จึงเป็นการนำภูมิคุ้มกันที่มีอยู่ พร้อมทั้งเร่งสร้างภูมิคุ้มกันในประเทศให้เข้มแข็งขึ้น เพื่อเตรียมความพร้อมคน สังคม และระบบเศรษฐกิจของประเทศให้สามารถปรับตัวรองรับผลกระทบจากการเปลี่ยนแปลงได้อย่างเหมาะสม โดยให้ความสำคัญกับการพัฒนาคนและสังคมไทยให้มีคุณภาพ มีโอกาสเข้าถึงทรัพยากร และได้รับประโยชน์จากการพัฒนาเศรษฐกิจและสังคมอย่างเป็นธรรม รวมทั้งสร้างโอกาสทางเศรษฐกิจด้วยฐานความรู้ เทคโนโลยี นวัตกรรม และความคิดสร้างสรรค์ บนพื้นฐานการผลิตและการบริโภคที่เป็นมิตรต่อสิ่งแวดล้อม ขณะเดียวกัน ยังจำเป็นต้องบริหารจัดการแผนพัฒนาฯ ฉบับที่ 11 ให้บังเกิดผลในทางปฏิบัติได้อย่างเป็นรูปธรรม ภายใต้หลักการพัฒนาพื้นที่ภารกิจ และการมีส่วนร่วมของทุกภาคส่วนในสังคมไทย ซึ่งจะนำไปสู่การพัฒนาเพื่อประโยชน์สุขที่ยั่งยืนของสังคมไทยตามหลักปรัชญาของเศรษฐกิจพอเพียง<br />
<br />
เมื่อขึ้นปี 2560 เป็นปีแห่งการเข้าสู่ระยะแผนพัฒนาเศรษฐกิจและสังคมแห่งชาติฉบับที่ 12 ซึ่งที่จริงได้เข้ามาตั้งแต่ ตุลาคม 2559 ที่ผ่านมาแล้ว โดยมีเป้าหมายมุ่งสู่การเปลี่ยนผ่านประเทศไทย จากประเทศที่มีรายได้ปานกลางไปสู่ประเทศที่มีรายได้สูง มีความมั่นคง และยั่งยืน สังคมอยู่ร่วมกันอย่างมี ความสุข และนำไปสู่การบรรลุวิสัยทัศน์ระยะยาว “มั่นคง มั่งคั่ง ยั่งยืน” ของประเทศ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SrKfLCNz1LzGF5pMUusUbPw-liYQttAZSIsdw5JWLbrZviCuo7qxbQqjH7GftlDTAJr5NTqrl7SbdkwI-0dnFiBDw9kcehbXKNrI9Vd7oZv2k6g9N0rEhISMjmbFfOjMLt23uzwAT_o/s1600/109024316.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SrKfLCNz1LzGF5pMUusUbPw-liYQttAZSIsdw5JWLbrZviCuo7qxbQqjH7GftlDTAJr5NTqrl7SbdkwI-0dnFiBDw9kcehbXKNrI9Vd7oZv2k6g9N0rEhISMjmbFfOjMLt23uzwAT_o/s640/109024316.jpg" width="640" /></a></div>
<br />
การพัฒนาประเทศชาติภายใต้กรอบการดำเนินการที่สอดคล้องกับพัฒนาเศรษฐกิจและสังคมแห่งชาติแม้ว่าจะเห็นการเปลี่ยนแปลงไปในเชิงรูปธรรมหลายๆด้าน แต่ในทางการศึกษา ดูเหมือนว่า ในช่วงรอบ 10 กว่าปีที่ผ่านมา ยังไม่มีการเปลี่ยนแปลงที่เป็นรูปธรรมมากนัก ถึงจะมีความพยายามปรับเปลี่ยนหลายสิ่ง หลายอย่าง เพื่อนำไปสู่การพัฒนาระบบการศึกษาของชาติให้มีความเข้มแข็ง แต่ดูเหมือนว่ายังทำได้ไปมีตรงประเด็นมากนัก แผนการศึกษาชาติ พ.ศ.2560-2575 จึงได้ถูกยกร่างขึ้นเพื่อนำไปสู่การปฏิบัติอย่างจริงจัง อย่างยั่งยืน ซึ่งผลจะเป็นเช่นใด ก็คงต้องรอดูกันต่อไป<br />
<br />
แต่ไม่ว่าแผนการศึกษาชาติ จะมีการพัฒนาไปเช่นใด แต่สิ่งหนึ่งที่ประเทศไทยต้องดำเนินการต่ออย่างต่อเนื่องก็คือ การกำหนดยุทธศาสตร์การพัฒนาคนสู่สังคมแห่งการเรียนรู้ตลอดชีวิตอย่างยั่งยืน มุ่งพัฒนาคนไทยทุกกลุ่มวัยให้มีความสามารถ ด้วยการพัฒนาให้มีจิตสาธารณะหรือสำนึกรับผิดชอบต่อสังคม 5 ด้าน ทั้งการเรียนรู้ต่อเนื่องตลอดชีวิต คิดเป็น ทำเป็น การสะสมความรู้และนำมาคิดเชื่อมโยง เกิดเป็นความคิดริเริ่ม และสร้างสรรค์ การเปิดใจกว้างพร้อมรับทุกความคิดเห็นและการปลูกฝังให้จิตใจมีคุณธรรม รวมทั้งสร้างสภาพแวดล้อมของครอบครัวชุมชน และสังคมให้มั่นคง เอื้อต่อการพัฒนาคน โดยมีแนวทางด้านการศึกษาที่สำคัญ ดังนี้<br />
<br />
ส่งเสริมการเรียนรู้ตลอดชีวิต สร้างโอกาสการเรียนรู้อย่างต่อเนื่องให้คนทุกกลุ่มทุกวัยมีทางเลือกและสามารถเข้าถึงแหล่งเรียนรู้และความรู้ที่หลากหลาย ทั้งที่เป็นวัฒนธรรม ภูมิปัญญาและความรู้ใหม่โดยสร้างนิสัยใฝ่รู้ตั้งแต่วัยเด็ก ควบคู่กับการส่งเสริมให้องค์กรและสื่อทุกประเภทเป็นแหล่งเรียนรู้ที่ทำให้เกิดความคิดริเริ่ม การสร้างปัจจัยสนับสนุนให้เกิดการเรียนรู้ตลอดชีวิต พัฒนาระบบบริหารจัดการการศึกษาทางเลือกเพื่อเพิ่มโอกาสทางการศึกษา ทั้งการศึกษาในระบบ นอกระบบ และการศึกษาตามความสนใจ<br />
<br />
จากยุทธศาสตร์นี้ มีสาระโดยรวมว่าเป็นเทคโนโลยีใหม่ที่รวมคอมพิวเตอร์ สารสนเทศและการสื่อสาร(โทรคมนาคม) ไว้ด้วยกัน โดยกำหนดให้เรียกว่า เทคโนโลยีสารสนเทศและการสื่อสาร (Information and Communications Technology : ICT) ก่อให้เกิดกิจกรรมใหม่ๆในทางเศรษฐกิจและสังคม ส่งผลต่อการดำรงอยู่และการพัฒนาของประเทศที่แตกต่างไปจากอดีตอย่างมาก และเป็นที่ยอมรับกันว่าในศตวรรษที่ 21 นี้จะเกิดเศรษฐกิจรูปแบบใหม่ที่เรียกว่า “เศรษฐกิจแห่งภูมิปัญญาและการเรียนรู้” (Knowledge-based Learning Economy) ดังนั้น “สังคมแห่งภูมิปัญญาและการเรียนรู้” จึงเป็นอีกจุดมุ่งหมายหลักในการพัฒนาประเทศไทยของภาครัฐ ที่ต้องการพัฒนาโครงสร้างพื้นฐานด้านการศึกษาของชาติให้เป็น “สังคมดิจิตอล สังคมแห่งการเรียนรู้ตลอดชีวิต และการเรียนที่เน้นผู้เรียนเป็นศูนย์กลาง (Student Centered)” ที่เน้นด้านการผลิตความรู้ การกระจายความรู้ และการใช้ความรู้ ให้เกิดประโยชน์ต่อตนเองและประเทศชาติ <br />
<br />
การก้าวสู่สังคมแห่งภูมิปัญญาและการเรียนรู้ เป็นส่วนหนึ่งของการนำเทคโนโลยีสารสนเทศมาเป็นเครื่องมือในการพัฒนาด้านต่างๆ ประกอบด้วย <br />
• เทคโนโลยีสารสนเทศเพื่อการพัฒนาด้านภาครัฐ (e-Government)<br />
• เทคโนโลยีสารสนเทศเพื่อการพัฒนาด้านพาณิชย์ (e-Commerce)<br />
• เทคโนโลยีสารสนเทศเพื่อการพัฒนาด้านอุตสาหกรรม (e-Industry)<br />
• เทคโนโลยีสารสนเทศเพื่อการพัฒนาด้านการศึกษา (e-Education)<br />
• เทคโนโลยีสารสนเทศเพื่อการพัฒนาด้านสังคม (e-Society)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhia9bfESrHxvLewk0vVMHIU7PylPkyhrEcWYibcVfwWt8_vqPMrmaFPo4coyyYEHf9RKpZt75YGqA2CKYV1GX5K-X9cgvnEjsUrhpmJHzxY56iDsGndqvvVld0BHsLYbG4on9UUu091QY/s1600/2016-03-27_11-45-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhia9bfESrHxvLewk0vVMHIU7PylPkyhrEcWYibcVfwWt8_vqPMrmaFPo4coyyYEHf9RKpZt75YGqA2CKYV1GX5K-X9cgvnEjsUrhpmJHzxY56iDsGndqvvVld0BHsLYbG4on9UUu091QY/s1600/2016-03-27_11-45-05.jpg" /></a></div>
<br />
ในส่วนของด้านการศึกษา (e-Education) รัฐมีเป้าหมายอย่างแท้จริงในการเสริมสร้างความพร้อมของทรัพยากรมนุษย์ เพื่อช่วยผลักดัน พัฒนาให้เกิดสังคมแห่งภูมิปัญญาและการเรียนรู้ที่มีคุณภาพ รัฐได้กำหนดยุทธศาสตร์ เพื่อให้เกิดความพร้อมของโครงสร้างพื้นฐานสารสนเทศและอุปกรณ์การศึกษาและการเรียนรู้ รวมถึง วิชาการ ความรู้ สารสนเทศต่างๆ และศักยภาพที่ดีของผู้สอน อันจะมีส่วนในการจัดการ การบริหารการศึกษา และการฝึกอบรม ทั้งด้านวิชาการและทักษะ เพื่อพัฒนาและยกระดับคุณภาพความรู้ของประชากร กำลังคน และกำลังแรงงานที่มีคุณภาพ สมบูรณ์ด้วยภูมิปัญญาและการเรียนรู้ สามารถสร้างสรรค์เศรษฐกิจและสังคมไทย ให้มีความเจริญก้าวหน้าไปโดยเร็ว ซึ่งปัจจุบันได้มีการผลักดัน <strong>แผนการศึกษาชาติ พ.ศ.2560-2575</strong> มาใช้ทดแทนแผนการศึกษาชาติ พ.ศ.2552-2559 ที่สิ้นสุดไปแล้ว โดยมุ่งเน้นการพัฒนาทั้งระบบ เพื่อให้สอดรับการเปลี่ยนแปลงตามกรอบประเทศไทย 4.0 ที่เน้นการพัฒนาเทคโนโลยีและอุตสาหกรรม 5 ด้าน ด้านที่สำคัญและจะเป็นแรงขับเคลื่อนด้านการศึกษาก็คือ Smart Device ที่จะเป็นฐานหลักของการก้าวสู่ Education 4.0 ในเร็ววันนี้<br />
<br />
ในส่วนสังคมแห่งภูมิปัญญาและการเรียนรู้ เราไม่อาจปฏิเสธได้เลยว่า ขณะนี้เรากำลังอยู่ท่ามกลางกระแสเทคโนโลยีที่มีการเปลี่ยนแปลงตลอดเวลา เป็นยุคของข้อมูลและข่าวสาร รวมถึงการเรียนรู้ไร้พรมแดนที่ไม่ยึดติดกับกาลเวลา เป็นยุคของโลกดิจิตอล รูปแบบของการศึกษาในประเทศไทยก็มีการเปลี่ยนแปลงอยู่ตลอดเวลาเช่นกัน เพื่อให้สอดรับกับกระแสของเทคโนโลยีการเรียนรู้ที่เปลี่ยนแปลงไป ในเส้นทางของการจัดการศึกษาผ่านเครือข่ายอินเทอร์เน็ต.(web-based) ก็มีพัฒนาการอย่างต่อเนื่องเป็นลำดับมาไม่น้อยเช่นกัน นับได้ว่ากระแสของการจัดการเรียนรู้ผ่านเครือข่ายอินเทอร์เน็ตหรือที่ต่างเรียกกันว่า e-learning ในปัจจุบันมีการพัฒนาไปในทุกภาคส่วน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugc2XhYTeyXeaMAATFnvIsubIyxU4TTUcPGjzq4mYajW4sVhyIuaQ24rvhixqWK9qesVQxTGy-IIorOPy8m-9iQcKv6oZtL2iyZ3VQLygUu7DBNhqpFV-aL8TtXEcUwaAdBJM5s1Q7Ow/s1600/2016-03-22_19-53-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugc2XhYTeyXeaMAATFnvIsubIyxU4TTUcPGjzq4mYajW4sVhyIuaQ24rvhixqWK9qesVQxTGy-IIorOPy8m-9iQcKv6oZtL2iyZ3VQLygUu7DBNhqpFV-aL8TtXEcUwaAdBJM5s1Q7Ow/s1600/2016-03-22_19-53-58.jpg" /></a></div>
<br />
จากแผนภูมิห้วงเวลาของ e-learning ด้านบน ที่มีการเผยแพร่ทั้งบน website และในเอกสารทางวิชาการด้าน e-learning จะพบว่าพัฒนาการของ e-learning เกิดขึ้นมาหลังจากที่ Computer กำเนิดขึ้นมาได้ไม่นาน กลไกหลักของ e-learning จะอยู่บนฐานหรือ based ของ CD-ROM/DVD, Internet รวมถึงเครือข่ายภายในกลุ่มหรือภายในองค์กร แต่ในยุคนั้น คำว่า e-learning ยังไม่มีใครเรียกขาน จะมีแต่คำว่า CBT (Computer Based Training) และ CAI (Computer Assisted Instruction) เท่านั้น<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1wc81t0JzdkLBHAAdRS6e1XYecdNpyfuQKIsQ1cy74iV5ol8qYPuIAUE6kTIZve62hcBKWOAFQpoVNUOwAWIqmElT4W8jIYrrH6MpBJDqRKEbBo0lNTY2kgC5VnttgaATIzICKL7jqQ/s1600/2016-03-27_13-13-57.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1wc81t0JzdkLBHAAdRS6e1XYecdNpyfuQKIsQ1cy74iV5ol8qYPuIAUE6kTIZve62hcBKWOAFQpoVNUOwAWIqmElT4W8jIYrrH6MpBJDqRKEbBo0lNTY2kgC5VnttgaATIzICKL7jqQ/s1600/2016-03-27_13-13-57.jpg" /></a></div>
<br />
รูปแบบของ e-learning เริ่มมีขึ้นในช่วงต้นปี 1982 ยุคนั้นถูกนำมาใช้ในวงการศึกษาด้วยรูปแบบของสื่อ ที่เรียกว่า คอมพิวเตอร์ช่วยสอนหรือ CAI (Computer Assisted Instruction) แม้ว่าจะยังอยู่บนระบบปฏิบัติการ DOS แต่ก็ได้รับความนิยมจนถูกนำไปพัฒนาสร้างสื่อเพื่อใช้ในการฝึกอบรมหรือ CBT (Computer Based Training) ซึ่งช่วงปี 1982 -1983 ถือเป็นช่วงเวลาที่ CBT เฟื่องฟูกลายเป็นเครื่องมือสำคัญในการพัฒนาบุคลากรในองค์กรและแวดวงธุรกิจกันอย่างแพร่หลาย และด้วยพัฒนาการของเทคโนโลยีคอมพิวเตอร์ที่ถูกพัฒนากันอย่างต่อเนื่อง ในช่วงระยะเวลาต่อมา (1984-1993) การพัฒนา e-learning เพื่อ การเรียนการสอนจึงถูกพัฒนาอย่างจริงจังเมื่อ Microsoft ได้ออกระบบปฏิบัติการ multitasking รูปแบบกราฟิกอย่างเป็นทางการในเดือนพฤศจิกายน 1985 ที่ชื่อว่า Windows 1.x ที่ทำให้ตอบสนองความเป็นมัลติมีเดียที่สมบูรณ์มากขึ้น ตลอดระยะเวลา 10 ปีของยุคนี้ ถือเป็นอีกช่วงที่ระบบปฏิบัติการ Microsoft Windows และ Macintosh มีพัฒนาการมาอย่างต่อเนื่อง ที่สำคัญในยุคของ Microsoft Windows 3.x ได้สนองตอบความเป็นมัลติมีเดียได้ดีและสมบูรณ์แบบมากขึ้น มีการใช้ CD-ROM มาบันทึกและอ่านข้อมูล สามารถนำบทเรียนเนื้อหาการเรียนการสอนหรือการฝึกอบรม สร้างเป็นสื่อในรูปของ CD-ROM ไปศึกษา หรือเรียนรู้ด้วยตนเองได้ ในทุกสถานที่ ทุกเวลา ตามที่ต้องการ และในช่วงเวลานี้ภาษา html เริ่มเข้ามีบทบาท แต่ด้วยการสร้าง Web เพื่อการเรียนการสอนด้วย html ยังเป็นสิ่งที่ทำได้ไม่ค่อยง่ายนัก และกระบวนการเชื่อมต่อ การเข้าถึงยังมีค่าใช้จ่ายค่อนข้างสูง ที่สำคัญเวลาการแสดงผล การเข้าถึงข้อมูลในเชิงกราฟิกนั้นต้องใช้เวลาค่อนข้างมาก ทำให้รูปแบบ e-learning บนเส้นทางบน Web นี้ไม่แพร่หลายเท่าที่ควร ที่มีก็จะแสดงข้อมูลแบบ text เสียส่วนใหญ่ แต่ก็ถือได้ว่า e-learning ได้รุกก้าวเข้าสู่สังคมการเรียนรู้บนเครือข่ายอินเทอร์เน็ตที่เรียกว่า Internet based learning หรือ web-based learning ถึงแม้ในยุคเริ่มแรกจะประสบปัญหาด้านความเร็ว ด้าน bandwidth ในการแสดงผลข้อมูลเชิงกราฟิก และมัลติมีเดีย ก็ตาม<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiW3AILLKxa4d8Kq3ukXElYWxAbHAnnMRG_fdNRqOoc1CP0OJG0_F8gsQTeR6aBcS-eO4s9Z0EJtYzJ1bcF3Xpg3l_7rVoVAf35RYxATCQT8_w9D_j0_7UuD-owpOj7VgWR22U97bG8iQ/s1600/2016-03-27_13-11-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiW3AILLKxa4d8Kq3ukXElYWxAbHAnnMRG_fdNRqOoc1CP0OJG0_F8gsQTeR6aBcS-eO4s9Z0EJtYzJ1bcF3Xpg3l_7rVoVAf35RYxATCQT8_w9D_j0_7UuD-owpOj7VgWR22U97bG8iQ/s1600/2016-03-27_13-11-12.jpg" /></a></div>
<br />
จากกระแสการเปลี่ยนแปลงทางด้านระบบปฏิบัติการจาก 16 Bit มาสู่ 16/32 Bit ด้วยระบบปฏิบัติการ Microsoft Windows 95 ในช่วงเดือนสิงหาคมปี 1995 ที่มาพร้อมกับ Internet Explorer ที่ชาญฉลาด รวมถึงเทคโนโลยีการสื่อสารที่รองรับการส่งผ่านสัญญาณได้ดีขึ้น ทำให้เส้นทางบน web นี้ กลายเป็นเป้าหมายและเส้นทางที่สำคัญของการพัฒนาสื่อการเรียนรู้ทางการศึกษา และนับเป็นจุดเริ่มต้นของ e-learning อย่างแท้จริง เป็นยุคที่เกิดคำศัพท์ที่บัญญัติขึ้นใหม่ในวงการ e-learning หลายคำอาทิ WBI, WBT, ILT, LMS, CMS<br />
เมื่อก้าวสู่ยุคปี 2000 ช่วงนี้กระแสของระบบปฏิบัติการ Windows 98 เป็นระบบปฏิบัติการรุ่นต่อจาก Windows 95 ที่ได้รับความนิยมสูงสุด แม้จะมีระบบปฏิบัติการ Windows Me ออกมา แต่ก็ไม่ได้รับความนิยมเท่าที่ควรยังมีผู้ใช้ Windows 98 อยู่เป็นจำนวนมาก ช่วงเวลานี้นับเป็นยุคที่เทคโนโลยีการสื่อสารมีความก้าวหน้าสามารถสนองตอบในการส่งผ่านข้อมูลที่ความเร็วสูงๆ โดยใช้เวลาที่น้อยลง ผนวกกับวิวัฒนาการทางเทคโนโลยีคอมพิวเตอร์ที่สามารถประมวลผลข้อมูลได้รวดเร็วขึ้น จึงเป็นส่วนช่วยให้สามารถนำเสนอหรือส่งผ่านข้อมูลมัลติมีเดียที่รวดเร็วกว่าแต่เดิม จากความก้าวหน้าในสองประการนี้ทำให้การจัดการศึกษา และการเรียนรู้ผ่านเครือข่ายอินเทอร์เน็ตสามารถสนองต่อกลไกการเรียนรู้ได้เป็นอย่างดี มีประสิทธิภาพมากที่สุด นับเป็นยุคของ e-learning อย่างแท้จริง ยุคนี้กำหนดให้อยู่ในช่วงปี ค.ศ. 2000-2005<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDI399_dLvvzQ20gb-0_kFeMU8fOnbxix-o3R8Yy3i9XbQIye-lLwWKMszc7IEv47i_TzSZQ6Hf0Vqutg54tPRhSHlf3GCyYKCsgbUYhy24pOri5DMbxAntJrY5yRIgB2bscYa7EZz0sk/s1600/2016-03-27_12-45-26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDI399_dLvvzQ20gb-0_kFeMU8fOnbxix-o3R8Yy3i9XbQIye-lLwWKMszc7IEv47i_TzSZQ6Hf0Vqutg54tPRhSHlf3GCyYKCsgbUYhy24pOri5DMbxAntJrY5yRIgB2bscYa7EZz0sk/s320/2016-03-27_12-45-26.jpg" width="320" /></a></div>
<br />
แม้ว่า e-learning มีผู้ให้คำจำกัดความหรือความหมายไว้หลากหลายความหมาย แต่ในปัจจุบันถือได้ว่า e-learning จะหมายถึงการเรียนด้วยอิเล็กทรอนิกส์ ซึ่งใช้การถ่ายทอดเนื้อหา (delivery methods) ผ่านทางอุปกรณ์หรือเครื่องมือ หรือวิธีการทางอิเล็กทรอนิกส์ ซึ่งประกอบด้วย เทคโนโลยีคอมพิวเตอร์ เทคโนโลยีด้านบริหารการจัดการศึกษา เทคโนโลยีเครือข่าย ผสมผสานสนองต่อการเรียนรู้ด้วยตนเอง ที่ผู้เรียนจะเลือกเรียนตามความสามารถและความสนใจของตนเอง โดยเนื้อหาและบทเรียนจะถูกออกแบบหน้าแสดงผลการเรียนรู้ที่ผสมผสานระหว่างข้อความ, รูปภาพ, ภาพเคลื่อนไหวและภาพยนตร์ (วิดีทัศน์ หรือ Streaming) รวมถึง มัลติมีเดียในรูปแบบอื่นๆ ตามความเหมาะสม ด้วยกลไกและกระบวนการในการสนับสนุนการเรียนรู้ต่างๆ ที่หลากหลาย สรรสร้างเป็นสื่อที่มีกระบวนการ interactive พร้อมด้วยส่วนนำทาง (navigation) องค์ประกอบเหล่านี้จะถูกผนวกรวมบนหน้าต่างความรู้อย่างลงตัว ส่งไปถึงผู้เรียนผ่าน Web browser โดยผู้เรียน ครูผู้สอน สามารถติดต่อ ปรึกษา แลกเปลี่ยนความคิดเห็น ระหว่างกันได้ เหมือนกับอยู่ในห้องเรียนจริงตามปกติ โดยอาศัยช่องทางการสื่อสารรูปแบบต่างๆ อาทิ ทาง email, Web-board Chat และอื่นๆอีก<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_A58sycKiQBjDj65ifyRQVg5VYmaKOSh42t5JaSy2lxWT7liaLo-mnlZARmd-lF71o5fzT1jmREbzW-lG4T_OzSWRtI4_iuw1gBkO4CO8uQYvvqhMWlrriSBjTn-aUUdrLfjvrWA3bQ/s1600/2016-03-22_21-20-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_A58sycKiQBjDj65ifyRQVg5VYmaKOSh42t5JaSy2lxWT7liaLo-mnlZARmd-lF71o5fzT1jmREbzW-lG4T_OzSWRtI4_iuw1gBkO4CO8uQYvvqhMWlrriSBjTn-aUUdrLfjvrWA3bQ/s1600/2016-03-22_21-20-04.jpg" /></a></div>
<br />
e-learning จึงเป็นการเรียนสำหรับทุกคน ทุกเวลา ทุกสถานที่ (Learn for all, anyone anywhere and anytime) ข้อมูลล่าสุด (พ.ศ.2558 อ้างอิงที่ <a href="http://www.internetlivestats.com/internet-users">www.internetlivestats.com/internet-users</a>) ได้ประมาณการว่าบนสังคมบนอินเทอร์เน็ตมีสมาชิกเข้ามาใช้งานทั่วโลกรวมกันมากกว่า 7.4 พันล้านคน อินเทอร์เน็ตนับเป็นอีกเส้นทางในการดำเนินวิถีชีวิตสังคมดิจิตอล<br />
<br />
ตลอดระยะเวลา 10 กว่าปีที่ผ่านมา ด้วยพลังขับเคลื่อนของเทคโนโลยีคอมพิวเตอร์ โครงข่ายการสื่อสารและ Browser ที่มีพัฒนาการอย่างต่อเนื่องมาโดยตลอดนั้น ส่งผลให้กระแสของเทคโนโลยีสารสนเทศ ได้แทรกซึมไปในทุกวงการ ไม่ว่าด้านสังคม ด้านธุรกิจ ด้านข่าวสาร บันเทิง การเงิน การแพทย์ การท่องเที่ยว การบริการในด้านอื่นๆอีกมาก รวมถึงด้านการศึกษา กระแสของ e-Education จึงเติบโตอย่างรวดเร็ว นับเป็นอีกปัจจัยที่สำคัญในการศึกษา รวมถึงเป็นเครื่องมือสำคัญในการพัฒนาบุคลากรของหน่วยงาน หรือองค์กรกันอย่างกว้างขวาง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJjJnj4epOfCV_p7c6BSKpig74KgLWaBFA6WM_YEwhVXxVO2k1amfAaY-Q9_tEv2tCktaq8NdqkBI8prIAAf9ateRYis4Wdapmpf5ehMSMigdmMU1SKldcw1JKInUSrZ1M8PYDe-Qj6k/s1600/2016-03-27_13-08-42.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJjJnj4epOfCV_p7c6BSKpig74KgLWaBFA6WM_YEwhVXxVO2k1amfAaY-Q9_tEv2tCktaq8NdqkBI8prIAAf9ateRYis4Wdapmpf5ehMSMigdmMU1SKldcw1JKInUSrZ1M8PYDe-Qj6k/s1600/2016-03-27_13-08-42.jpg" /></a></div>
<br />
จากการที่สังคมการเรียนรู้บนเครือข่ายอินเทอร์เน็ต ทั้งในแบบ Web-based learning และ e-learning มีการใช้กัน อย่างแพร่หลาย รวมไปถึงเทคโนโลยีด้านการเรียนรู้ บนสังคมนี้มีพัฒนาการต่อเนื่องอย่างไม่มีขีดจำกัด ทำให้มีการปรับนิยามยุคของ e-learning ขึ้นใหม่ จาก 4 ยุคเดิม ทั้งนี้เพื่อจะได้รองรับ generation ใหม่ของ e-Learning ในยุคถัดไปได้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOlgVw61ujoGABrKw2gu0M3MEDkQQSAhlIzItCtYu2hQCwzv38sEM0MCUpo-fVSoXXruJpB4yR_tZcBW_QVkUsxhrj8eC5aOA5vJ9Z2KMvHuwCGlnjRXBzQU_wusHMR-Ur7Bw2vmFHC_w/s1600/2016-03-27_13-08-00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOlgVw61ujoGABrKw2gu0M3MEDkQQSAhlIzItCtYu2hQCwzv38sEM0MCUpo-fVSoXXruJpB4yR_tZcBW_QVkUsxhrj8eC5aOA5vJ9Z2KMvHuwCGlnjRXBzQU_wusHMR-Ur7Bw2vmFHC_w/s1600/2016-03-27_13-08-00.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
แม้ว่าหลักการของ e-learning จะมุ่งเน้นที่กระบวนการเรียนรู้ด้วยตนเองเป็นสำคัญ ให้ผู้เรียนได้มีอิสระในการเรียนรู้ ครู “ผู้สอน” (Teacher) จะต้องเปลี่ยนบทบาทมาเป็น “ผู้แนะนำ” (Facilitator) หรือที่ปรึกษาการเรียนรู้ ส่วนตัวของ “ผู้เรียน” (Learner) นั้นต้องเปลี่ยนจากผู้ที่คอยรับองค์ความรู้จากการสอนมาเป็น“ผู้แสวงหา” (Researcher) ด้วยการค้นคว้า เสาะ แสวงหาความรู้ ความชำนาญการจาก ผู้รู้ แหล่งเรียนรู้ต่างๆ เพื่อพัฒนา สร้างองค์ความรู้และใช้องค์ความรู้นั้นๆ ด้วยตนเอง แต่ในความเป็นจริงแล้ว ธรรมชาติของผู้เรียนยังคงเป็น ผู้เรียนมากกว่าจะเป็นผู้แสวงหา อันเป็นผลมาจากการถ่ายทอดซึมซับ พฤติกรรมจากสถานศึกษา ที่สำคัญการปรับเปลี่ยนของครู ในรูปครูชั้นเรียนมาสู่ครูยุคดิจิตอลยังคงเปลี่ยนแปลงได้ช้ามาก ตลอดระยะเวลาที่ผ่านมานั้น e-learning ที่ใช้ในวงการศึกษาไทยส่วนมากจะอยู่ในลักษณะสื่อเสริม (Supplementary) ที่ ใช้ประกอบในการเรียน การสอนปกติ และจะเป็นลักษณะของสื่อเพิ่มเติม (Complementary) ที่มีการกำหนดหัวข้อเนื้อหา และ กิจกรรมให้ผู้เรียน ไปศึกษาหรือสืบค้นจากแหล่งข้อมูล สื่อ และ Website ส่วนการนำ e-learning มาใช้ในลักษณะของ สื่อหลัก (Comprehensive Replacement) ที่ใช้เป็นสื่อทดแทนการเรียนการสอนอย่างสมบูรณ์แบบครบกระบวนการเรียนรู้ ในตัวเอง เหมือนเรียนในชั้นเรียนนั้นยังมีน้อยมาก<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0XbrLZK39d7akY3OpN2aiYiW7j05MB_pVWcBbGe8KFqhWINq4Y2gDFMIZJiGPKXq0VzxlZDZIe2nXd3tNCoZzulswPMBiSMC7FxRpuYZTqcHTByY5I6RyXf5lu9XbW5wKx-Z5fwGdHwA/s1600/2016-03-27_13-06-45.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0XbrLZK39d7akY3OpN2aiYiW7j05MB_pVWcBbGe8KFqhWINq4Y2gDFMIZJiGPKXq0VzxlZDZIe2nXd3tNCoZzulswPMBiSMC7FxRpuYZTqcHTByY5I6RyXf5lu9XbW5wKx-Z5fwGdHwA/s1600/2016-03-27_13-06-45.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
จากการที่โลกของการศึกษา โดนเฉพาะ e-learning นั้นได้มีการพัฒนาอยู่ตลอดเวลาผันแปรไปตามพัฒนาการทางเทคโนโลยี รวมถึง generation ของ e-learning ที่เปลี่ยนไป ซึ่งสอดคล้องกับคำพูดของ Nicholas Negroponte ได้กล่าวไว้ว่า “อินเทอร์เน็ตสามารถเปลี่ยนแปลงทุกอย่างได้ และอินเทอร์เน็ตส่งผลให้การศึกษาและการฝึกอบรมเปลี่ยนแปลงตามไป ด้วยเช่นกัน” นับจากปี พ.ศ. 2549 เป็นต้นมา e-learning ได้เกิดการเปลี่ยนแปลง ทั้งรูปแบบของการสร้างเนื้อหา การติดต่อสื่อสาร รวมถึง เทคโนโลยีของการเรียนรู้ที่เปลี่ยนไป โดยจะมุ่งเน้นการเข้าถึงองค์ความรู้และข้อมูลการสร้างความเป็นมิตรกับผู้เรียนมากที่สุด ดังนั้นการพัฒนา e-learning ให้เป็นทางเลือกของการศึกษาอย่างสมบูรณ์นั้น ผู้พัฒนาจึงควรสร้างฐานการเรียนรู้ให้มี สภาพ แวดล้อมที่มีความเป็นมิตร เป็นกันเองมากที่สุด ไม่ควรยึดติดเงื่อนไขรูปแบบการศึกษาในห้องเรียน<br />
เงื่อนไขการพัฒนา e-learning นั้นไม่มีกฎเกณฑ์ตายตัวนัก ทั้งนี้ขึ้นอยู่กับลักษณะเฉพาะของตัวฐาน(based)ความรู้ กลุ่มเป้าหมายที่เป็นผู้เรียน ที่สำคัญอีกประการก็คือจุดประสงค์หลักในการสร้างฐานความรู้ที่มุ่งเน้นจะให้ผู้เข้าชม (เข้าเรียน) นั้นมีผลสัมฤทธิ์เป็นเช่นใด แต่อาจจะยึดองค์ประกอบที่สร้างความสนใจให้กับผู้เรียนได้ดี ที่เรียกว่า 5 e เป็นส่วนประกอบใน การสร้าง e-learning ก็ได้ อันได้แก่ <br />
1. Entertainment: บทเรียนต้องมีความเร้าใจ น่าสนใจ ที่สร้างให้เกิดความรู้สึกที่อยากเรียน <br />
2. Ethics: หลักสูตรและบทเรียนที่สร้างมีจริยธรรมสนับสนุนให้ผู้เรียนซื่อสัตย์ ผู้สอนต้องรู้จักการยอมรับความคิดเห็นของผู้เรียน<br />
3. Equity: มีความเท่าเทียมเสมอภาค ให้โอกาสในการเข้าถึงเนื้อหา ข้อมูลการเรียนรู้ที่เท่าเทียมกัน <br />
4. Excellence: วางแผนและออกแบบในการสร้างบทเรียนตอบสนองต่อการเรียนรู้ที่ดีที่สุด มีความเที่ยงตรงถูกต้อง<br />
5. Empowerment (to learners): ให้อิสระแก่ผู้เรียนได้อย่างเหมาะสม ในการเข้าถึงสาระการเรียนรู้ ภายใต้เงื่อนไขของสาระการเรียนรู้ที่ออกแบบไว้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO0GJmqugD7TwgqMTSCCTaNZaXiiHwSAGzEaR3BUYGCCxA2ktlm2pPLGKt4GO__OSPY2CVsl3xthpUjsQtpXIIr75kPJVjYymOQp_dBI82IoUPtu3zBFHiW_i1Gx0jkrecMri80tow_tQ/s1600/2016-03-27_12-45-41.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO0GJmqugD7TwgqMTSCCTaNZaXiiHwSAGzEaR3BUYGCCxA2ktlm2pPLGKt4GO__OSPY2CVsl3xthpUjsQtpXIIr75kPJVjYymOQp_dBI82IoUPtu3zBFHiW_i1Gx0jkrecMri80tow_tQ/s1600/2016-03-27_12-45-41.jpg" /></a></div>
<br />
ลักษณะของ e-learning ในโลกของการศึกษายุคใหม่นี้เป็นการเติมเต็ม จากเทคโนโลยีที่มีอยู่แต่เดิม เพิ่มช่องทางการเข้าถึงองค์ความรู้ด้วยเทคโนโลยี mobile การใช้เทคโนโลยีการเข้ารหัสดิจิตอล รวมถึงความสามารถช่องทางของ การสื่อสารเป็นสำคัญ มุ่งเน้นด้วยหลักการ Learning and Life นอกจากจะใช้ ฐานการเรียนรู้บน web-based เหมือนเดิมแล้ว เนื้อหา ข้อมูลเพื่อการเรียนรู้จะ ต้องยืดหยุ่นและน่าสนใจ เน้นการมีส่วนร่วมในชุมชนการเรียนรู้ แบบ Blogging Podcasting และ Gamesโดยจำลองการเรียนรู้ก้าวสู่โลกเสมือนของ 3D และ Simulation ที่รองรับจินตนาการของผู้เรียน ตาม concept ของบทเรียนอย่างไร้ ขีดจำกัด สิ่งที่น่าสังเกตของยุคนี้คือการพัฒนา Learning Object ให้มีขนาดที่เล็กลง รองรับการส่งผ่าน ข้อมูลผ่านเทคโนโลยี mobile หรือที่หลายคนเรียกว่า Mobile learning<br />
<br />
Concept ของ Learning Object ต้องเป็นข้อมูลเฉพาะเนื้อหาเดียวที่มีขนาดเล็ก เป็นชิ้นส่วนสื่อที่ถ่ายทอดแนวคิดของสาระใจความสำคัญให้กับผู้เรียน โดยการนำเสนออย่างเป็นลำดับข้อมูลที่เข้าใจง่าย นำไปสู่แนวทางที่ให้ ผู้เรียนวิเคราะห์ หรือแปลผลเพื่อสร้างองค์ความรู้ด้วยตัวของผู้เรียนเอง<br />
<br />
หมายเหตุ <br />
Learning Object ก็คือชิ้นส่วน multimedia (ข้อความ, ภาพนิ่ง, ภาพ เคลื่อนไหว, เสียง, ภาพยนตร์ และอื่นๆ)<br />
<br />
ในการจัดการศึกษาออนไลน์สามารถทำได้ 3 ลักษณะ ดังนี้<br />
1. สื่อเสริม (supplementary) นอกจากเนื้อหาที่ปรากฏในลักษณะ e-Learning แล้ว ผู้เรียนยังสามารถศึกษาเนื้อหาเดียวกันนี้ในลักษณะอื่น ๆ เช่น จากเอกสารประกอบการสอน เป็นต้น การใช้ e-Learning ในลักษณะนี้ผู้สอนเพียงต้องการให้ผู้เรียนมีทางเลือกอีกทางหนึ่งสำหรับการเข้าถึงเนื้อหา<br />
2. สื่อเติม (complementary) ผู้สอนออกแบบเนื้อหาให้ผู้เรียนเข้าไปศึกษาเนื้อหาเพิ่มเติมจาก e-Learning<br />
3. สื่อหลัก (comprehensive replacement) เป็นการนำ e-Learning ไปใช้ในลักษณะแทนที่การบรรยายในห้องเรียน ผู้เรียนจะต้องศึกษาเนื้อหาทั้งหมดออนไลน์<br />
<br />
เทคโนโลยีจะเกี่ยวข้องกับการเรียนการสอน 3 ลักษณะ คือ<br />
1. การเรียนรู้เกี่ยวกับเทคโนโลยี (Learning about Technology) ได้แก่เรียนรู้ระบบการทำงานของคอมพิวเตอร์ เรียนรู้จนสามารถใช้ระบบคอมพิวเตอร์ได้ ทำระบบข้อมูลสารสนเทศเป็น สื่อสารข้อมูลทางไกลผ่าน Email และ Internet ได้ เป็นต้น<br />
2. การเรียนรู้โดยใช้เทคโนโลยี (Learning by Technology) ได้แก่การเรียนรู้ความรู้ใหม่ ๆ และฝึกความสามารถ ทักษะ บางประการโดยใช้สื่อเทคโนโลยี เช่น ใช้คอมพิวเตอร์ช่วยสอน (CAI) เรียนรู้ทักษะใหม่ ๆ ทางโทรทัศน์ที่ส่งผ่านดาวเทียม การค้นคว้าเรื่องที่สนใจผ่าน Internet เป็นต้น<br />
3. การเรียนรู้กับเทคโนโลยี (Learning with Technology) ได้แก่การเรียนรู้ด้วยระบบการสื่อสาร 2 ทาง กับเทคโนโลยี เช่น การฝึกทักษะภาษากับโปรแกรมที่ให้ข้อมูลย้อนกลับถึงความถูกต้อง (Feedback) การฝึกการแก้ปัญหากับสถานการณ์จำลอง เป็นต้น<br />
<br />
แต่เดิมการศึกษาออนไลน์ รู้จักในชื่อของ e-learning (เน้นในระบบจัดการศึกษา) หรือ e-training (เน้นในการพัฒนาบุคลากร) ต่อมา... ด้วยกระแสความเจริญของเทคโนโลยีในด้านต่างๆ รวมถึงการบริโภคข่าวสาร การแสวงหา การเรียนรู้ของมนุษย์ มีความต้องการมากขึ้น มีโอกาสเข้าถึงผ่านช่องทางเทคโนโลยีที่ง่ายยิ่งขึ้น ทำให้กระบวนการศึกษาเรียนรู้ มีการหล่อหลอมรวม มีการพัฒนาเกี่ยวพันกัน<br />
<br />
e-education จึงถูกบัญญัติขึ้น เพื่อรองรับการเปลี่ยนการเข้าสู่ยุคดิจิตอล ยุคแห่งการสื่อสาร การแลกเปลี่ยนข้อมูล ไม่ว่าจะเป็นข้อความ รูปภาพ หรือวิดีทัศน์ สังคมแห่งข้อมูลข่าวสารอย่างแท้จริงในโลกการศึกษายุคปัจจุบัน<br />
กล่าวโดยสรุปการศึกษาออนไลน์ คือ ระบบหรือวิธีการที่พึ่งพาเทคโนโลยีคอมพิวเตอร์และเทคโนโลยีการสื่อสาร นำมาสนับสนุนเพื่อให้เกิดช่องทางการเข้าถึงองค์ความรู้ใหม่ เกิดวิธีการจัดการศึกษาแบบใหม่ วิธีการเรียนรู้(ที่น่าสนใจ)ใหม่ <br />
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0Thailand15.870032 100.992541000000070.21741150000000076 80.338244000000074 31.5226525 121.64683800000007tag:blogger.com,1999:blog-2410629364297314670.post-79950585332128947662017-02-05T10:54:00.000+07:002017-02-05T12:17:17.378+07:00รูปแบบประเภทของเครือข่ายสังคมออนไลน์ที่สามารถนำมาใช้ในการจัดการศึกษาSocial Network คือ สังคมการติดต่อสื่อสารผ่านเทคโนโลยีเครือข่ายอินเทอร์เน็ต อาจเรียกอีกอย่างหนึ่งว่า Virtual Community โดยสมาชิกในกลุ่มหรือสังคมนั้นๆ ไม่จำเป็นต้องรู้จักตัวตนจริงๆ<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXSg-icoITs27CrdR6pri9ZqLGQJVFMfNLiPQMDA6FbV4TJx0wGb1IZD9fCxeNS4SmesX5aQLTNZvFoRYOHxeffoMrZi8dFXVdOPgXaYbOVSeRh8fjQ37jkEvj6Gp9sAWld4mrY0V168/s1600/2016-03-27_10-49-28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXSg-icoITs27CrdR6pri9ZqLGQJVFMfNLiPQMDA6FbV4TJx0wGb1IZD9fCxeNS4SmesX5aQLTNZvFoRYOHxeffoMrZi8dFXVdOPgXaYbOVSeRh8fjQ37jkEvj6Gp9sAWld4mrY0V168/s1600/2016-03-27_10-49-28.jpg" /></a></div>
<br />
เว็บไซต์ที่ให้บริการ Social Network Service (SNS) มีหลายแห่ง แต่ละแห่งได้พัฒนาเทคนิคของระบบ ให้ดูเด่น มีความน่าสนใจ เราสามารถนำ SNS นี้ ใช้เป็นเครื่องมือในการแลกเปลี่ยนความรู้และทำงานร่วมกันได้<br />
<br />
<br />
กลุ่มหลักๆ ของ SNS เพื่อการแลกเปลี่ยนการเรียนรู้แบ่งออกได้ดังนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbozlooE1gPo0DNu8veVTgvYQPDGMpAwS-W-hzACKwRV5ZexTUR90ljHN00J_eZSUqi_WKGJpWTCvSgUdh3xbZGI701bC17LdBwunMmLgK69BFs0go8tDohbwFfXzYmSgOLeBjmHpKVlo/s1600/2016-03-27_10-50-22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbozlooE1gPo0DNu8veVTgvYQPDGMpAwS-W-hzACKwRV5ZexTUR90ljHN00J_eZSUqi_WKGJpWTCvSgUdh3xbZGI701bC17LdBwunMmLgK69BFs0go8tDohbwFfXzYmSgOLeBjmHpKVlo/s640/2016-03-27_10-50-22.jpg" width="640" /></a></div>
<br />
<strong>1. กลุ่มเว็บไซต์เผยแพร่ “ตัวตน”</strong><br />
เว็บไซต์เหล่านี้ใช้สำหรับนำเสนอตัวตน และเผยแพร่เรื่องราวของตนเองทางอินเทอร์เน็ต หรือผู้ใช้สามารถเขียน blog สร้างอัลบั้มรูปของตัวเอง สร้างกลุ่มเพื่อนในห้องเรียน และสร้างเครือข่ายเพื่อการเรียนรู้ขึ้นมาได้<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XJBqdFRZ4tIuSIsDPjQWLqpmueppGNRE0CzyzQWmK6bekF7eiDA5UcIERSMfpSFeW8bqFKXUBUXp5-EeYZBsLaObfM3KZPA1uPAf0qmDgpoHTVQGjT8Ida5hk8ibrGq6VTJmlzWpCpQ/s1600/2016-03-27_10-51-18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XJBqdFRZ4tIuSIsDPjQWLqpmueppGNRE0CzyzQWmK6bekF7eiDA5UcIERSMfpSFeW8bqFKXUBUXp5-EeYZBsLaObfM3KZPA1uPAf0qmDgpoHTVQGjT8Ida5hk8ibrGq6VTJmlzWpCpQ/s640/2016-03-27_10-51-18.jpg" width="640" /></a></div>
<br />
<strong>2. กลุ่มเว็บไซต์เผยแพร่ “ผลงาน”</strong><br />
เว็บไซต์ประเภทนี้จะเป็นที่สำหรับใช้ นำเสนอผลงานในรูปแบบต่างๆ ไม่ว่าจะเป็นวิดีโอ รูปภาพ หรือเสียง<br />
อาทิ YouTube.com, Yahoo screen, Google VDO, Flickr.com, Multiply.com<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LJTbR835-CZfHHuvqVDIRyrySkosjIsalNgtpCtri-Qr8Kr5lRYeCLeTnI4Gygw5GuBo3-DBibZUmRekDX2jaVkATKqXPaz7N3fXsXJdgInJStoxK12KuxCJPsTjcwOJHHYzyTAzKY8/s1600/2016-03-27_10-52-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LJTbR835-CZfHHuvqVDIRyrySkosjIsalNgtpCtri-Qr8Kr5lRYeCLeTnI4Gygw5GuBo3-DBibZUmRekDX2jaVkATKqXPaz7N3fXsXJdgInJStoxK12KuxCJPsTjcwOJHHYzyTAzKY8/s640/2016-03-27_10-52-10.jpg" width="640" /></a></div>
<br />
<strong>3. กลุ่มเว็บไซต์ที่มีความสนใจตรงกัน</strong><br />
ลักษณะเป็น Online Bookmarking หรือ Social Bookmarking โดยทำ Bookmark เก็บไว้บนเว็บเพื่อแบ่งปันให้คนอื่นได้ทราบ ว่าเว็บไซต์ใดได้รับความนิยม น่าสนใจ โดยดูได้จากตัวเลขที่ถูก Bookmark เอาไว้จากสมาชิกคนอื่นๆ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSkyE33l5EESJWE1Pf7KluwMJg6etvhyERwto2Cacny6thZBJLmxcIqv1-kIqnG6BSb-QhUmbTZ5FfvtCdFqbyqpeoVW2ft5_yq-YT7K2O-kiEZCF5n4qaMYNtOdFQYt1tFyDF_xZ7_Y/s1600/2016-03-27_10-52-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSkyE33l5EESJWE1Pf7KluwMJg6etvhyERwto2Cacny6thZBJLmxcIqv1-kIqnG6BSb-QhUmbTZ5FfvtCdFqbyqpeoVW2ft5_yq-YT7K2O-kiEZCF5n4qaMYNtOdFQYt1tFyDF_xZ7_Y/s640/2016-03-27_10-52-58.jpg" width="640" /></a></div>
<br />
<strong>4. กลุ่มเว็บไซต์ที่ใช้ทำงานร่วมกัน</strong><br />
เป็น SNS ที่เปิดให้สมาชิกทุกคนในกลุ่มเข้ามานำ เสนอข้อมูล ความคิดหรือต่อยอด เรื่องราวต่างๆ ได้ อาทิ Wikipedia อนุญาตให้เข้ามาช่วยกันเขียน แก้ไข เพิ่มเติม บทความต่างๆ ได้ ทำให้เกิดเป็นสารานุกรมออนไลน์ขนาดใหญ่<br />
Google Maps สร้างแผนที่ของตัวเอง แชร์แผนที่ให้คนอื่นได้ด้วย จึงทำให้มีสถานที่สำคัญ หรือสถานที่ต่างๆ พร้อมกับข้อมูลของสถานที่นั้นๆ ถูกปักหมุดเอาไว้<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dpl9448L2MShSyfYgxgPl7FRTa6qfMvypQ6ynJ1VI5fapLQ6di8KhfHKp_3GP3O4GfL2P9LJe5IRdhUKb74kMFGjyi4pc3ARVNIipY3kWrCweKYktFFo6f7KBpyu6AGoaN273gpunCk/s1600/2016-03-27_12-45-26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dpl9448L2MShSyfYgxgPl7FRTa6qfMvypQ6ynJ1VI5fapLQ6di8KhfHKp_3GP3O4GfL2P9LJe5IRdhUKb74kMFGjyi4pc3ARVNIipY3kWrCweKYktFFo6f7KBpyu6AGoaN273gpunCk/s320/2016-03-27_12-45-26.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<br />
ปัจจุบันทั่วทุกมุมโลกเต็มไปด้วยข่าวสารข้อมูล ความก้าวหน้าของเทคโนโลยีสารสนเทศส่งผลให้โลกมีการเคลื่อนไหวอย่างรวดเร็ว การเผยแพร่ การเข้าถึงการแลกเปลี่ยนข้อมูลข่าวสารทำได้มากยิ่งขึ้น รวดเร็วยิ่งขึ้น เทคโนโลยีสารสนเทศเป็นหัวใจสำคัญในการลดช่องว่าง ลดความแตกต่างในการรับรู้ อันเนื่องมาจากเหตุผลหรือข้อจำกัดต่างๆของบุคคลทุกระดับชั้นไม่ว่าจะร่ำรวยหรือยากจน ไม่ว่าสังคมเมือง สังคมชนบทสามารถเข้าถึงข้อมูล ข่าวสารได้เท่าเทียมกัน เทคโนโลยีสารสนเทศได้เปิดโอกาสที่เท่าเทียมกันให้บุคคลได้เรียนรู้จากหลายช่องทางและหลายรูปแบบ ทำให้การเรียนรู้สามารถยืดหยุ่นทั้งเวลาและสถานที่ ตลอดจนสามารถเรียนรู้ และรับรู้ข้อมูลได้อย่างต่อเนื่องตามความสนใจของตนเอง การเรียนรู้จะเกิดจากการจัดและการส่งเสริมการศึกษาผ่านช่องทาง ICT มีการนำเสนอความรู้หลากหลายรูปแบบ หลากหลายวิธีการ การแสวงหาความรู้จึงเกิดจากความพึงพอใจ ความต้องการของผู้เรียนรู้ ซึ่ง ICT โดยเฉพาะช่องทางเทคโนโลยีสารสนเทศสามารถตอบสนองกลไกการเข้าถึงแบบนี้ได้หลากหลายและยืดหยุ่นเต็มศักยภาพของผู้เรียนได้ดีที่สุด <br />
<br />
Social media ที่นำมาใช้ใน Social Network ที่ได้รับความนิยมในขณะนี้<br />
1. MySpace.com<br />
2. FaceBook.com<br />
3. Orkut.com<br />
4. Hi5.com<br />
5. Friendster.com<br />
6. SkyRock.com<br />
7. PerfSpot.com<br />
8. Bebo.com<br />
9. Google Plus<br />
10. LINE<br />
11. Blogger/WordPress<br />
<br />
เรามาทำความรู้จักกับ Social media ที่มีผู้นิยมใช้สำหรับเป็นเครื่องมือสนับสนุนและจัดการศึกษาออนไลน์กัน ในโลกใบนี้กัน .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEpUa5aJdA4YPCfASS0sIgttsnc3YmAjxZ8I_Fb4Nc-84bpErK-FL4jvnJDzClIGM49Ox9Cb36PHTWLDaQ_k-mt7z1uL9Z-S4cKHNqWCwIsMeisk8Iwz2poBIMUyzORFanO_XWDsGbQU/s1600/2016-03-27_12-32-21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEpUa5aJdA4YPCfASS0sIgttsnc3YmAjxZ8I_Fb4Nc-84bpErK-FL4jvnJDzClIGM49Ox9Cb36PHTWLDaQ_k-mt7z1uL9Z-S4cKHNqWCwIsMeisk8Iwz2poBIMUyzORFanO_XWDsGbQU/s200/2016-03-27_12-32-21.jpg" width="191" /></a></div>
<br />
<strong>Line</strong><br />
เป็นอีก Application ที่สามารถนำมาประยุกต์ใช้ในการส่งเสริมการจัดการเรียนรู้ได้ โดยสามารถนำความรู้มาแสดงผลที่ Timeline <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VBZxfomL2ecJok_ufwEGozm6yV5rk-EM83RIkCNlbVQrMqLWmp521M-4xcT_T4b9CkDoxf8dXTKNhEBTvEbQIsnEQ6HxuCgcVMPzqsGb3YGkKoIsdp9_2yhDDglN6WCw9myiKxXUQ3E/s1600/2016-03-27_12-32-59.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VBZxfomL2ecJok_ufwEGozm6yV5rk-EM83RIkCNlbVQrMqLWmp521M-4xcT_T4b9CkDoxf8dXTKNhEBTvEbQIsnEQ6HxuCgcVMPzqsGb3YGkKoIsdp9_2yhDDglN6WCw9myiKxXUQ3E/s1600/2016-03-27_12-32-59.jpg" /></a></div>
<br />
การนำไปใช้งาน <br />
สามารถใช้เป็นเครื่องมือประชาสัมพันธ์ ฐานการเรียนรู้ที่สร้างขึ้น Line แสดงผลผ่านเวอร์ชั่นบน PC และ Mobile Device<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s1600/2016-03-27_12-48-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s320/2016-03-27_12-48-58.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUy9_xc2ZOCtaL5YFHPUoP9KLXN2iIlMgctJjrcjFk4TBg0mWV7x1AkOFgrZd1Qmw_mC77ARdu0iJN4yyMtFqjwGVNwrWJOmZ5s9xVdkAYjcO5zh5ZFvJqHF-xZG690lnYtckCQ16lyA/s1600/2016-03-27_12-00-29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUy9_xc2ZOCtaL5YFHPUoP9KLXN2iIlMgctJjrcjFk4TBg0mWV7x1AkOFgrZd1Qmw_mC77ARdu0iJN4yyMtFqjwGVNwrWJOmZ5s9xVdkAYjcO5zh5ZFvJqHF-xZG690lnYtckCQ16lyA/s1600/2016-03-27_12-00-29.jpg" /></a></div>
<br />
<strong>Google Plus</strong><br />
เป็นเว็บที่มีลักษณะการแสดงความเคลื่อนไหว การนำเสนอเรื่องราวของผู้สร้างเช่นเดียวกับ Facebook ไม่ว่าจะเป็นการเขียนข้อความ การ Upload ภาพ การตั้งกลุ่มทางสังคมด้วย Circle และกำลังเป็นที่นิยมเพิ่มขึ้นด้วยเหตุผลที่ Google Plus สามารถเชื่อมโยงกับ Apps ของ Google ได้โดยตรง เข้าถึงส่วนบริหารจัดการเอกสารที่ Google Doc เข้าส่วนพื้นที่ที่จัดเก็บข้อมูลที่ Google Drive เข้ายังเว็บบล็อกบน Blogger ยังเชื่อมโยงกับมัลติมีเดีย วิดีโอแหล่งที่ใหญ่ที่สุดบน YouTube นอกจากนี้ Google Plus ยังมีระบบการแชท การส่งข้อความสั้นๆ มี Hangout สำหรับการ video chat ระบบการแชร์ที่ปลอดภัย ให้การดูแลปกป้องข้อมูลที่ดีเยี่ยม รวมถึงการพัฒนาระบบบริหารจัดการกลุ่มเพื่อนที่ดีใช้งานง่าย <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7UuUVO-TXwy4rWFgHhJSgjM-TBGQcCU2a11VcZ5TBypy29XZF8twxPT7Xi2GGVjxcCiTynHmJZnr6fUWQNzzdJL6NzB_Qsq2jsVy4XOAu9yfs_Y8E2PB0HJLgeB42k6A9QO-PstqXrk/s1600/2016-03-27_12-00-46.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7UuUVO-TXwy4rWFgHhJSgjM-TBGQcCU2a11VcZ5TBypy29XZF8twxPT7Xi2GGVjxcCiTynHmJZnr6fUWQNzzdJL6NzB_Qsq2jsVy4XOAu9yfs_Y8E2PB0HJLgeB42k6A9QO-PstqXrk/s1600/2016-03-27_12-00-46.jpg" /></a></div>
<br />
การนำไปใช้งาน <br />
สามารถใช้เป็นฐานประชาสัมพันธ์กิจกรรมการเรียนรู้ การเผยแพร่ข่าวสาร หัวข้อสาระเนื้อหาการเรียนรู้ ที่เชื่อมโยงจากเว็บไซต์ หรือจาก Blogger ได้โดยตรงมีความยืดหยุ่นต่อการแสดงผลได้ดีทั้งในแบบหน้าจอคอมพิวเตอร์ และบน Smartphone เช่นกัน <br />
<br />
<div align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s1600/2016-03-27_12-48-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s320/2016-03-27_12-48-58.jpg" width="320" /></a></div>
<div align="center">
</div>
<div align="center">
</div>
<div align="center">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nfn4wdF8GbqqcJEXZJWAcqPOprWoHt1LGrN1SHWdBT09fFxaduJToa3rSiT0wDrTqdUzZnJgkBBc6Zq6UVh2GyuO1laQPqfsUjv4bHW0VGY0tn-YvFCdQmB2JObsWUI-QMbrctf3ER4/s1600/2016-03-27_12-30-16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nfn4wdF8GbqqcJEXZJWAcqPOprWoHt1LGrN1SHWdBT09fFxaduJToa3rSiT0wDrTqdUzZnJgkBBc6Zq6UVh2GyuO1laQPqfsUjv4bHW0VGY0tn-YvFCdQmB2JObsWUI-QMbrctf3ER4/s1600/2016-03-27_12-30-16.jpg" /></a></div>
<br />
<strong>Blogger/WordPress</strong><br />
เป็นรูปแบบเว็บไซต์ประเภทหนึ่ง ซึ่งถูกเขียนขึ้นในลำดับที่เรียงตามเวลาในการเขียน ซึ่งจะแสดงข้อมูลที่เขียนล่าสุดไว้แรกสุด บล็อกโดยปกติจะประกอบด้วย ข้อความ ภาพ ลิงก์ ซึ่งบางครั้งจะรวมสื่อต่างๆ ไม่ว่า เพลง หรือวิดีโอในหลายรูปแบบได้ จุดที่แตกต่างของบล็อกกับเว็บไซต์โดยปกติคือ บล็อกจะเปิดให้ผู้เข้ามาอ่านข้อมูล สามารถแสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็นคนเขียน ซึ่งทำให้ผู้เขียนสามารถได้ผลตอบกลับโดยทันที คำว่า "บล็อก" ยังใช้เป็นคำกริยาได้ซึ่งหมายถึง การเขียนบล็อก และผู้ที่เขียนบล็อกเป็นอาชีพก็จะถูกเรียกว่า "บล็อกเกอร์"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNABRy8Nw5fX2qQPyl8WS8RwPYFsCukb0yOt5zwNKgzzOR00Ow8pIyWfcRInJrUqxhi3yvIo7bAdx7fw4clrgDiIQxzVijnoA4Ck1OPxNhXkms9kKnc9nMIwlI_xIybqzh314pt3kkZg/s1600/2016-03-27_12-30-51.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNABRy8Nw5fX2qQPyl8WS8RwPYFsCukb0yOt5zwNKgzzOR00Ow8pIyWfcRInJrUqxhi3yvIo7bAdx7fw4clrgDiIQxzVijnoA4Ck1OPxNhXkms9kKnc9nMIwlI_xIybqzh314pt3kkZg/s1600/2016-03-27_12-30-51.jpg" /></a></div>
<br />
การนำไปใช้งาน <br />
สามารถใช้เป็นฐานการเรียนรู้ การเผยแพร่ความรู้ได้โดยตรง มีความยืดหยุ่นต่อการแสดงผลได้ดีทั้งในแบบหน้าจอคอมพิวเตอร์ และบน Smartphone <br />
นอกจากนี้ ยังมีผู้ให้บริการออนไลน์ในการสร้างบล็อกนอกเหนือจาก Blogger และ WordPress อาทิ GotoKnow, Bloggang, OKnation Blog เป็นต้น<br />
<br />
<div align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s1600/2016-03-27_12-48-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s320/2016-03-27_12-48-58.jpg" width="320" /></a></div>
<div align="center">
</div>
<div align="center">
</div>
<div align="center">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1gw6P9FWjqSJPX6OivVp-QI7VoFVMPTJxWZNZCUU_1CidIXtPxSH_shwYaQlVutnyRPK3lq9mg8Bt7ISrVcsy0qF_UGtwHDMKPAm5xli_DJsZzl5ljxn-b3dFBFDIH8N_L3zmw8DZDM/s1600/2016-03-27_12-37-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1gw6P9FWjqSJPX6OivVp-QI7VoFVMPTJxWZNZCUU_1CidIXtPxSH_shwYaQlVutnyRPK3lq9mg8Bt7ISrVcsy0qF_UGtwHDMKPAm5xli_DJsZzl5ljxn-b3dFBFDIH8N_L3zmw8DZDM/s1600/2016-03-27_12-37-05.jpg" /></a></div>
<br />
<strong>YouTube</strong><br />
YouTube เป็นอีกเว็บไซต์ลักษณะเป็น Social media ที่ให้บริการสมาชิกผู้ใช้งานนำไฟล์วิดีทัศน์ขึ้นสู่ระบบเพื่อการเผยแพร่ การแลกเปลี่ยนแบ่งปัน เพื่อความบันเทิง เพื่อการเรียนรู้ โดยสมาชิกสามารถนำวิดีทัศน์ อัพโหลดขึ้นบนระบบ บริการให้คนอื่นดูได้โดยไม่เสียค่าใช้จ่ายใดๆ ปัจจุบัน YouTube มีข้อมูลวิดีทัศน์หลากหลายประเภท ไม่ว่าจะเป็นคลิปภาพยนตร์สั้นๆ คลิปรายการโทรทัศน์ คลิปบทเรียน คลิปความรู้ต่างๆ หลากหลายหมวดหมู่ <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSl2tYM0zvhOxLK8Sb2J1IpQuvcDKGkG9QNSpTSn_zsDpo_WynKrU19Hby6icG6V_pEmq1EYr3oZSn5RgYflyhFWFGiIgrDmmlR_ECpkWzLJovEgdSxto9_nFzaLiYRYINof4Z_2Cemtw/s1600/2016-03-27_12-37-22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSl2tYM0zvhOxLK8Sb2J1IpQuvcDKGkG9QNSpTSn_zsDpo_WynKrU19Hby6icG6V_pEmq1EYr3oZSn5RgYflyhFWFGiIgrDmmlR_ECpkWzLJovEgdSxto9_nFzaLiYRYINof4Z_2Cemtw/s1600/2016-03-27_12-37-22.jpg" /></a></div>
<br />
การนำไปใช้งาน <br />
สามารถใช้เป็นฐานจัดเก็บไฟล์วิดีทัศน์ สื่อการเรียนการสอน หรือกิจกรรมประชาสัมพันธ์ต่างๆ แสดงผลได้ดีทั้งในแบบหน้าจอคอมพิวเตอร์ และบน Smartphone เช่นกัน <br />
<br />
<div align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s1600/2016-03-27_12-48-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1wUdAZTnZt2cobRf1aY5rgwCbroMfW1JU4WqCrLQvE9Eq1nQoVvZ2LYm4oEa4DlDR0XtsqXgxWSWA_FVfmIue9qxvIMx_88AUOL90TMRWzOTOMCxHce9rBuBQY3l7Aq8-oFnUm7IvTQ/s320/2016-03-27_12-48-58.jpg" width="320" /></a></div>
<div align="center">
</div>
<div align="center">
</div>
<div align="center">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdOxiiMc2VqWElQ4Kwm733ZYpeUxWWDgWUsWe4OOhQE9ev3yMnBb-Z0RT3EstCDvLtZL34VDYYKdhvKlIYSxyZs0swWi_FLFIhAc1v1eDW-LvebqbcmQPZRC_F_PhqfL4x14XrS-TtxD8/s1600/2016-02-26_19-22-13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdOxiiMc2VqWElQ4Kwm733ZYpeUxWWDgWUsWe4OOhQE9ev3yMnBb-Z0RT3EstCDvLtZL34VDYYKdhvKlIYSxyZs0swWi_FLFIhAc1v1eDW-LvebqbcmQPZRC_F_PhqfL4x14XrS-TtxD8/s1600/2016-02-26_19-22-13.jpg" /></a></div>
<br />
<strong>Facebook</strong><br />
เป็นเว็บที่มีลักษณะการแสดงความเคลื่อนไหว การนำเสนอเรื่องราวของผู้สร้าง ซึ่งผู้ใช้สร้างหน้าเว็บของตัวเอง และใส่ข้อมูลต่างๆ ตามต้องการ โดยระบบสามารถค้นหาผู้ใช้ที่มีความสนใจตรงกัน ส่วนประกอบหลัก คือส่วนของข้อมูลผู้ใช้ ส่วนแสดงจำนวนเพื่อนในกลุ่ม กิจกรรมที่สนใจ และพื้นที่สาธารณะ (ที่เรียกว่า wall) ซึ่งผู้เข้าเยี่ยมชมสามารถเขียนข้อความไว้ได้ นอกจากนี้ Facebook อนุญาตให้ผู้ใช้งานอัพโหลดรูป และให้ผู้ใช้ตั้งกลุ่มทางสังคม หรือแฟนคลับต่างๆ ได้ด้วย<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCCHHFzYmburk405exc-gDTH_U0dmcprPmgvvXwrdfeILz-cQY2L7dd7rrD7lu8KCSc1K3HmSaNG0vSDy3tY8QQ279E3Zsy2SshVLdyOlXftBz_ud2uiOx0rsGD20Z58KZWW9fe-aeCs/s1600/2016-03-27_12-02-32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCCHHFzYmburk405exc-gDTH_U0dmcprPmgvvXwrdfeILz-cQY2L7dd7rrD7lu8KCSc1K3HmSaNG0vSDy3tY8QQ279E3Zsy2SshVLdyOlXftBz_ud2uiOx0rsGD20Z58KZWW9fe-aeCs/s1600/2016-03-27_12-02-32.jpg" /></a></div>
<br />
การนำไปใช้งาน <br />
สามารถใช้เป็นฐานประชาสัมพันธ์กิจกรรมการเรียนรู้ การเผยแพร่ข่าวสาร หัวข้อสาระเนื้อหาการเรียนรู้ ที่เชื่อมโยงจากเว็บไซต์ หรือจาก Blogger ของผู้สร้าง Facebook เป็นอีก Social media ที่มีความยืดหยุ่นต่อการแสดงผลได้ดีทั้งในแบบหน้าจอคอมพิวเตอร์ และบน Smartphone เช่นกัน<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNJx8mhxyNe_mVEjBkdpnpfdew01Q6h-RTR3MYJHJmV8HdgG00YMZgq6jpY5G2CBcDMVb05ohGGdQGlDBmhD5DsogIorIS7a__DZRvUA9KXRW_K8-eTk2ucKy4xc24URUzPrXCNyy33I/s1600/2016-03-27_12-45-41.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNJx8mhxyNe_mVEjBkdpnpfdew01Q6h-RTR3MYJHJmV8HdgG00YMZgq6jpY5G2CBcDMVb05ohGGdQGlDBmhD5DsogIorIS7a__DZRvUA9KXRW_K8-eTk2ucKy4xc24URUzPrXCNyy33I/s640/2016-03-27_12-45-41.jpg" width="640" /></a></div>
<br />
จากด้านบน เป็น Social media ที่นิยมใช้อย่างมากในประเทศไทย นอกจากนี้ก็ยังมี Social media อื่นๆ ที่สามารถนำมาประยุกต์ใช้ในการจัดหรือสนับสนุนงานการศึกษาได้ดี ได้แก่<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh80Zt4b2D7wDPNJ_XUAppAoQuzwceJsC439bGFGy9SLJZb0O1YIWAmJOdgFbEizBFO6F-_kc7uE6ZXDgpsFzYbd-8kBm0k8JXPFlrJhDBdPxNW2HQ96wkO0HiNuTmmNqq6yfTxISXMP-8/s1600/2016-02-26_19-18-39.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh80Zt4b2D7wDPNJ_XUAppAoQuzwceJsC439bGFGy9SLJZb0O1YIWAmJOdgFbEizBFO6F-_kc7uE6ZXDgpsFzYbd-8kBm0k8JXPFlrJhDBdPxNW2HQ96wkO0HiNuTmmNqq6yfTxISXMP-8/s1600/2016-02-26_19-18-39.jpg" /></a></div>
<br />
<strong>Hi5</strong> <br />
เป็นเว็บไซต์ที่เคยได้รับความนิยมสูงสุด ก่อตั้งปี 2002 โดยคุณ Ramu Yalamanchi ซึ่งปัจจุบันดำรงตำแหน่ง CEO ของ hi5 นั่นเอง รูปแบบทั่วไปภายใน hi5 จะมีทั้งการโชว์รูปภาพ แสดงความเป็นตัวตน มีส่วนตกแต่งรูปภาพ , Skin ,Wallpaper , Cursor , ภาพเคลื่อนไหว...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-LvihG9N_74nIbWGLXGBffDd8gP38Dz7eyv3py0isr_-ogQMTUgFrWuAiDCHBI7nNYQqrxOI7t5EvQQlv9SW-NJyF4pqAWIXF3m1ejmZCYbcDi_GRH6dUflJtg6qTmvATsACqxyZ0fE/s1600/2016-02-26_19-20-25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-LvihG9N_74nIbWGLXGBffDd8gP38Dz7eyv3py0isr_-ogQMTUgFrWuAiDCHBI7nNYQqrxOI7t5EvQQlv9SW-NJyF4pqAWIXF3m1ejmZCYbcDi_GRH6dUflJtg6qTmvATsACqxyZ0fE/s1600/2016-02-26_19-20-25.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<strong>My Space</strong> </div>
Web Blog ที่ทาง msn ให้ผู้ที่ใช้ msn ได้เข้าไปใช้บริการกัน โดย My Space มีลักษณะ เฉพาะคล้ายๆ Dairy แต่จะมีความหลากหลายมากกว่า เพราะในบล็อก ผู้ที่เป็นเจ้าของเนื้อที่นั้น จะเป็นผู้ที่ดูแลเนื้อหา ว่า จะให้เป็นแนวไหน หรือว่าจะเป็นเนื้อเรื่องอะไร ซึ่งลักษณะเด่นแบบนี้จึงมีผู้นำเอา My Space มาทำเป็น Web Dairy กัน<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcUDY6r_q0nKkfebw8wL4evqMN2YFaeJkXCiN8TU6cIq896uMQfX-YeohOQVwEy1xkOB7hha_4TWChKA6oXGKP5LalR9FHm5gJfIQ8eQIUnHFJ6cnV0fAOn0VntOy1nfwvZmh0a_H6nA/s1600/2016-02-26_19-23-31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcUDY6r_q0nKkfebw8wL4evqMN2YFaeJkXCiN8TU6cIq896uMQfX-YeohOQVwEy1xkOB7hha_4TWChKA6oXGKP5LalR9FHm5gJfIQ8eQIUnHFJ6cnV0fAOn0VntOy1nfwvZmh0a_H6nA/s1600/2016-02-26_19-23-31.jpg" /></a></div>
<br />
<strong>Twitter</strong> <br />
มีลักษณะเป็น Micro-Blog ผู้ใช้งาน ส่งข้อความของตนเอง ให้เพื่อนๆ ที่ติดตามได้ทราบ และเราก็สามารถติดตามอ่านข้อความของเพื่อนได้ twitter ถือได้ว่าเป็น blog สั้นก็ได้ เพราะว่า twitter อนุญาตให้เขียนข้อความได้ครั้งละไม่เกิน 140 ตัวอักษร ซึ่งข้อความนี้เมื่อเขียนแล้วจะไปแสดงอยู่ในหน้า profile ของผู้เขียนนั่นเอง และจะทำการส่งข้อความนี้ไปยังสมาชิกที่ติดตามผู้เขียนคนนั้นอยู่ (follower) โดยอัตโนมัติ <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyZDgPLEGSdryttouBO9gJ2M3vN-lruBmh9adI7JCSxUxy2Rexu0vB3YV8MW0_9V5cS_C_UOuSs8QyGzBFABIJQKNmfxxeuCHcNrontWwuQqE5E8ZYR5L77ESN6jp2qQAFRqh8a5-ra0/s1600/2016-02-26_19-25-36.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyZDgPLEGSdryttouBO9gJ2M3vN-lruBmh9adI7JCSxUxy2Rexu0vB3YV8MW0_9V5cS_C_UOuSs8QyGzBFABIJQKNmfxxeuCHcNrontWwuQqE5E8ZYR5L77ESN6jp2qQAFRqh8a5-ra0/s1600/2016-02-26_19-25-36.jpg" /></a></div>
<br />
<strong>Bebo</strong><br />
เครือข่ายทางสังคมที่น่าสนใจ ที่ถูกออกแบบมาดี โทนสีของเว็บไซต์ดูแล้วสบายตา ใช้งานง่าย มีการจัดระบบติดต่อผู้ใช้ได้ดี คนที่ไม่มีพื้นฐานทางคอมพิวเตอร์ สามารถใช้งานได้ง่าย รูปร่างหน้าตาของบล็อกดูไม่รกหูรกตา รองรับการปรับแต่งได้หลากหลาย mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0Thailand15.870032 100.992541000000070.21741150000000076 80.338244000000074 31.5226525 121.64683800000007tag:blogger.com,1999:blog-2410629364297314670.post-68444260954173721602017-01-20T21:56:00.004+07:002017-02-04T19:33:01.726+07:00การสร้างแถบแสดงบทความที่มีคนอ่านมาก (Post Recent)<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJDYeQY1nJwaaadJUbH2YuTo-7ojZ4Sc_kBm19GH_5xOjG8WQ5gMGk7E3VISLIjOowm3-03jWUd29mdii-j5epjFdrKvCxTSMp4iC8OBY5yzz-psrdzWBblQv9MnlHzcXmeTvkJnY6D4/s1600/2017-01-20_21-35-32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJDYeQY1nJwaaadJUbH2YuTo-7ojZ4Sc_kBm19GH_5xOjG8WQ5gMGk7E3VISLIjOowm3-03jWUd29mdii-j5epjFdrKvCxTSMp4iC8OBY5yzz-psrdzWBblQv9MnlHzcXmeTvkJnY6D4/s640/2017-01-20_21-35-32.png" width="640" /></a></div>
<br />
<br />
วันนี้ จะมาแนะนำเทคนิคการจัดลำดับบทความในบล็อกหรือ Recent Post เพื่อแสดงถึงสถิติของบทความที่มีผู้อ่านสนใจมากที่สุด <br />
<br />
<strong>โดยมีวิธีการดังนี้</strong> <br />
<br />
1.กำหนดตำแหน่งที่จะวาง (ควรมีพื้นที่ ที่สามารถแสดงผลได้กว้างหน่อย ที่ ที่เหมาะสม ควรอยู่ใต้บริเวณของรายการบทความ ซึ่งก็คือตำแหน่งใต้<strong><span style="color: red;">บทความบล็อก</span></strong>)<br />
<br />
2.ไปที่หน้าควบคุมระบบบล็อกหรือแดชบอร์ด (Dashboard) <br />
<br />
3.ที่เมนูรายการด้านซ้าย เลือกรายการ รูปแบบ หรือ Layout จะเกิดผังแม่แบบของบล็อก ให้ไปตำแหน่งหรือบริเวณที่จะเพิ่ม สมมุติว่า เลือกบริเวณใต้ บทความบล็อก<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvcVj_wkgyrRBDVFwz4uqkVTXZKzGqy-Tt-LCvpdspIx1FQCzyLhsPQFlvfpyUkF4Ueolk2AOE6HTuc8hEtZDc0b8fvhoQZsB0q33-Zml5CbwD39CVBfoGidTsjWmsLY_cni8EUBEd-E/s1600/2017-01-20_21-55-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvcVj_wkgyrRBDVFwz4uqkVTXZKzGqy-Tt-LCvpdspIx1FQCzyLhsPQFlvfpyUkF4Ueolk2AOE6HTuc8hEtZDc0b8fvhoQZsB0q33-Zml5CbwD39CVBfoGidTsjWmsLY_cni8EUBEd-E/s1600/2017-01-20_21-55-30.png" /></a></div>
<br />
4.ดูที่แถบข้อความ(อักษรสีฟ้า)คำว่า Add a Gadget (เพิ่ม Gadget) คลิกที่ข้อความดังกล่าว จะเกิดหน้าต่างชื่อ เพิ่ม Gadget ที่แถบรายการ Gadget เพิ่มเติม เลือก <strong><span style="color: red;">HTML/JavaScript</span></strong><br />
<br />
5.Gadget <strong><span style="color: red;">HTML/JavaScript </span></strong> ดังกล่าวจะมาอยู่ในรายการลำดับแรก ท่านสามารถลากวางไปยังตำแหน่งที่ต้องการได้ตามที่ต้องการ : ซึ่งก็คือ ใต้ <span style="color: red;"><strong>บทความบล็อก</strong></span><br />
6.ทำการ Copy Code ด้านล่าง<br />
<br />
<span style="color: blue;"><script type="text/javascript"><br /> function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj464EqzrRLZU6YN2yt9NjeE3WxG3_gzQKQycWGtVa4smuqaJ4uub4-yhxdPyFJGucdG0VsB0QOmPVFm-nk3jk4GE9RhrjCyHjK3S8JIG_OqwPquR816pnWK83zdXsYo8a4r9oOCkcYtew7/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}<br />< /script><br />< script type="text/javascript"><br /> var posts_no = 5;<br /> var showpoststhumbs = true;<br /> var readmorelink = true;<br /> var showcommentslink = false;<br /> var posts_date = true;<br /> var post_summary = true;<br /> var summary_chars = 70;<br />< /script><br />< script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br />< a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br />< noscript>Your browser does not support JavaScript!</noscript><br />< link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' /><br />< style type="text/css"><br /> img.recent-post-thumb{width:50px;height:50px;float:right;margin:5px -5px 0px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:3px;background: #fff}<br /> ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;}<br /> ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}<br /> ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}<br /> ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}<br /> ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}<br /> ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}<br /> ul.recent-posts-container li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;}<br /> .recent-posts-container a { text-decoration:none; }<br /> .recent-posts-container a:hover { color: #222;}<br /> .post-date {color:#e0c0c6; font-size: 11px; }<br /> .recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}<br /> .recent-post-title {padding: 6px 0px;}<br /> .recent-posts-details a{ color: #222;}<br /> .recent-posts-details {padding: 5px 0px 5px; }<br />< /style></span><br />
<br />
7.กดปุ่ม Save ก็เป็นอัเสร็จเรียบร้อย<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-35903381603842806402017-01-12T10:38:00.003+07:002017-02-04T19:32:17.146+07:00การเพิ่ม contact form สำหรับติดต่อผู้เขียนบล็อกช่วงปลายปี 2559 ที่ผ่านมา Blogger มีการเปลี่ยนแปลงเครื่องมือ Widget รวมถึงการแสดงผลบน smartphone ที่รวดเร็วมากขึ้น อีกสิ่งหนึ่งที่ปรากฏในรายการ Gadget ก็คือ contact form สำหรับติดต่อผู้เขียนบล็อก นับได้ว่า Blogger ได้สร้างเครื่องมือที่ทรงพลังในการเชื่อมโยงการติดต่อสำหรับผู้อ่านไปสู่ผู้ดูแลบล็อกได้รวดเร็วยิ่งขึ้น เรามาดูวิธีการเพิ่มเติม Gadget นี้กัน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXe2-ws63VHUhOnGlZhyZYpzUKXjWRJHw9AT4e-O7mg52x5WAiBR29hy5IfGhspYqRjHQ9jzK8KIAHZU_9itsp9ZGOSC8gZEeDAel81FkFnLuDWK50dHdBIiR_NZ86gTf_JXJ2ufd2TQ/s1600/2017-01-13_12-32-42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXe2-ws63VHUhOnGlZhyZYpzUKXjWRJHw9AT4e-O7mg52x5WAiBR29hy5IfGhspYqRjHQ9jzK8KIAHZU_9itsp9ZGOSC8gZEeDAel81FkFnLuDWK50dHdBIiR_NZ86gTf_JXJ2ufd2TQ/s640/2017-01-13_12-32-42.png" width="640" /></a></div>
<br />
1. ไปที่หน้าควบคุมระบบบล็อกหรือ<strong>แดชบอร์ด (Dashboard)</strong> <br />
<br />
2. ที่เมนูรายการด้านซ้าย เลือกรายการ<strong><span style="color: red;"> รูปแบบ หรือ Layout</span></strong> จะเกิดผังแม่แบบของบล็อก ให้ไปตำแหน่งหรือบริเวณที่จะเพิ่ม ส่วนติดต่อผู้เขียน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_0lX8PzQmmlBaC0kR7H0frZ9nTT-LOoL9Y5rHqDAvKm_Etn1E3_u4KNmxAPCusfVesnV_TdjCLEi6CoN00_qJBDok2kdI6EH_nQNRAOQI25YjXDfOlhYKjPeF5y71TVf88_3v1B1XGw/s1600/2017-01-13_12-39-28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_0lX8PzQmmlBaC0kR7H0frZ9nTT-LOoL9Y5rHqDAvKm_Etn1E3_u4KNmxAPCusfVesnV_TdjCLEi6CoN00_qJBDok2kdI6EH_nQNRAOQI25YjXDfOlhYKjPeF5y71TVf88_3v1B1XGw/s640/2017-01-13_12-39-28.png" width="452" /></a></div>
<br />
3. ดูที่แถบข้อความ(อักษรสีฟ้า)คำว่า <strong><span style="color: red;">Add a Gadget (เพิ่ม Gadget) </span></strong>คลิกที่ข้อความดังกล่าว จะเกิดหน้าต่างชื่อ เพิ่ม Gadget ที่แถบรายการ <strong><span style="color: red;">Gadget เพิ่มเติม</span></strong> เลือก รายการ <strong><span style="color: red;">ฟอร์มรายชื่อติดต่อ</span></strong> <br />
<br />
4. Gadget contact form (ฟอร์มรายชื่อติดต่อ) ดังกล่าวจะมาอยู่ในรายการลำดับแรก ท่านสามารถลากวางไปยังตำแหน่งที่ต้องการได้ตามที่ต้องการ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifY5pvPZgkDD9Mkya_Lx3gnPTEuHGruKbVp_5IMwAVjV4ccmDLe89RBQkLcZY1H9_7mSfKywU7nqRkwrfprkmHuJB_pQzJnI7FvXxa8zNMQgXIM-pXo2-9uixHNBWIMalei3jM0c3WKhU/s1600/2017-01-13_12-32-421.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifY5pvPZgkDD9Mkya_Lx3gnPTEuHGruKbVp_5IMwAVjV4ccmDLe89RBQkLcZY1H9_7mSfKywU7nqRkwrfprkmHuJB_pQzJnI7FvXxa8zNMQgXIM-pXo2-9uixHNBWIMalei3jM0c3WKhU/s640/2017-01-13_12-32-421.png" width="640" /></a></div>
<br />
5.ทำการบันทึกการเปลี่ยนแปลงด้วย<br />
<br />
6. ทดสอบ Preview ท่านก็จะได้ contact form สำหรับติดต่อผู้เขียนบล็อก ดังภาพด้านล่าง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSKIvm4zRGAdu-CwRuLuXWqRhWOhPXcJDhJ26PQOtLWRBCfI0t6f_6rPhiVa6wdFJwVpAWCPrEZsq25wrM-AQMKqiGGqCdWv4Eoq7FYxIZxUXbxU6BmijCXuEtOAxPM7G_9gjskY2D1M/s1600/2017-01-13_12-44-32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSKIvm4zRGAdu-CwRuLuXWqRhWOhPXcJDhJ26PQOtLWRBCfI0t6f_6rPhiVa6wdFJwVpAWCPrEZsq25wrM-AQMKqiGGqCdWv4Eoq7FYxIZxUXbxU6BmijCXuEtOAxPM7G_9gjskY2D1M/s1600/2017-01-13_12-44-32.png" /></a></div>
<br />
ซึ่งเมื่อมีผู้ติดต่อเข้ามา ข้อความก็จะถูกส่งไปยัง inbox ของเมล์ที่ท่านใช้เชื่อมติดต่อกับ Blogger ที่ท่านลงทะเบียนไว้ ขอให้สนุกกับการใช้งานนะครับ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypgC5UhDgn-iLPkpUPnq0e_DISLfaGX0xDhRtZh_3yLboAfB0YEDAruh3Jqy1eVStOtZsj7_DlFoTEhkg2vSblpe-OzkoSBclXFMBEQQE0m4sr6Du2-zn6lgsq65b4LIfmz6TFx1SC7k/s1600/2017-01-13_12-47-00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypgC5UhDgn-iLPkpUPnq0e_DISLfaGX0xDhRtZh_3yLboAfB0YEDAruh3Jqy1eVStOtZsj7_DlFoTEhkg2vSblpe-OzkoSBclXFMBEQQE0m4sr6Du2-zn6lgsq65b4LIfmz6TFx1SC7k/s640/2017-01-13_12-47-00.png" width="640" /></a></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-77941913241017135152016-10-23T12:13:00.002+07:002017-02-04T19:31:41.696+07:00การเพิ่ม Gadget เพื่อโชว์รูปจาก Instagram<div class="post-body entry-content">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbmkQOD3aySf8-mh0pOwDXubRodxVDL-S86JlR3r8QSDN33ReqVXrJYf-WSm8ic1n0-mtF8YUaSD1hyphenhyphenNEjoCL1_ozUxngdo4XTFHpx9AR9TZTZEKsyw1qjg5HQagl8BhQ6OSMGmcAdvM/s1600/2016-10-09_13-10-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbmkQOD3aySf8-mh0pOwDXubRodxVDL-S86JlR3r8QSDN33ReqVXrJYf-WSm8ic1n0-mtF8YUaSD1hyphenhyphenNEjoCL1_ozUxngdo4XTFHpx9AR9TZTZEKsyw1qjg5HQagl8BhQ6OSMGmcAdvM/s640/2016-10-09_13-10-26.png" width="640" /></a><br />
<br />
Social network เป็นปัจจัยในการเชื่องโยงข่าวสาร การติดต่อสื่อสาร ซึ่ง Instagram ก็เป็นอีกหนึ่ง Social media ที่มีผู้ใช้อย่างแพร่หลาย เราสามารถนำภาพจากบัญชีที่ท่านใช้งานมาโชว์ในพื้นที่ของ Blogger ได้ง่ายๆ ซึ่งถือเป็นอีกหนึ่ง Gadget ดีๆที่สมควรนำมาวาง ซึ่ง Gadget ตัวนี้เป็น code ที่สร้างจากภายนอก เรามาดูวิธีการทำกัน<br />
<br />
1. ขั้นตอนแรกเข้าไปสร้าง Widget (Gadget) ที่เว็บไซต์ <a href="https://snapwidget.com/"><span style="color: #1d81b6;">https://snapwidget.com/</span></a> ทำการสมัครสมาชิกก่อน โดยคลิกที่ Sign Up<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3k0ZGByhrkOrotf4r0pqtTeNvq4Nug89iT-F3gxhsujmUi1HvKgipOJ04iPmEWkUFxPYLCAYw8XXTyJ9kGYnSWn5MyXNH9WGQ1KIiPrdW3OZjGHPE4XGRm1wq83DekfaREyJzo8mqwI/s1600/2016-10-09_10-45-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3k0ZGByhrkOrotf4r0pqtTeNvq4Nug89iT-F3gxhsujmUi1HvKgipOJ04iPmEWkUFxPYLCAYw8XXTyJ9kGYnSWn5MyXNH9WGQ1KIiPrdW3OZjGHPE4XGRm1wq83DekfaREyJzo8mqwI/s640/2016-10-09_10-45-21.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
2. สร้างบัญชีผู้ใช้ ด้วย อีเมล์ หรือบัญชี facebook ดำเนินการตามขั้นตอน</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicPxxaARr2Hl0FC1XGRxi9lt8hpCmw_bHnZ7_zi-wi5u8oUu0TintqNyx-zQ58kdw1lwE4lGQr-iDfb5ZC4XYGGuxWhpkvZdT1LfseJM136llWVJA1qviAB35ZTxc-pqHdoCRkV0vI8s/s1600/2016-10-09_10-47-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicPxxaARr2Hl0FC1XGRxi9lt8hpCmw_bHnZ7_zi-wi5u8oUu0TintqNyx-zQ58kdw1lwE4lGQr-iDfb5ZC4XYGGuxWhpkvZdT1LfseJM136llWVJA1qviAB35ZTxc-pqHdoCRkV0vI8s/s640/2016-10-09_10-47-01.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
3. จะเกิดหน้าบัญชีผู้ใช้ ปิดส่วน Welcome.. ก่อน จะพบ ส่วน Create A New Widget ให้คลิก</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6SSmAt7Ugv5tDhQnoUsoeUR8E6mBv8f1LKemsOSHu4qbZp7oESewlZUmFaDWOvkBGRfXpGU4qODt_x_MNnCjUnSINqbTNipkXCiUWgZhguoO1ZbGz0Anl7IYczpOI6Nxt3fyKe5AacE/s1600/2016-10-09_10-48-27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6SSmAt7Ugv5tDhQnoUsoeUR8E6mBv8f1LKemsOSHu4qbZp7oESewlZUmFaDWOvkBGRfXpGU4qODt_x_MNnCjUnSINqbTNipkXCiUWgZhguoO1ZbGz0Anl7IYczpOI6Nxt3fyKe5AacE/s640/2016-10-09_10-48-27.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zX9RIwGurAcO66lXQsQBwDs_agiVUYGJd5acysDSKtCH6DRxy59jvjg4zB7c_iELdInN6WvqG4jzRNwiQx52-U6OMrqgMflRAg2XsV5sUvNtvEKwhetN_yYLyGT5xA-kjFh0yZK2SMw/s1600/2016-10-09_10-51-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zX9RIwGurAcO66lXQsQBwDs_agiVUYGJd5acysDSKtCH6DRxy59jvjg4zB7c_iELdInN6WvqG4jzRNwiQx52-U6OMrqgMflRAg2XsV5sUvNtvEKwhetN_yYLyGT5xA-kjFh0yZK2SMw/s640/2016-10-09_10-51-14.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
4. เลือกรายการ/ประเภท Widget ซึ่งมีหลายตัวเลือก ในที่นี้ เลือกเป็น Board </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2C-WX6QIEfT6eunddhTEJr3Q5WnXKuYRoeMAy8ucY6CHQeb0xvwAdX2oJ7ZQ9Xge9Qh1z2E8AIgpCcc8wTP165r2NtLqdWOa2Wmztet9sdf-lpC2Rp8GW4sRwXf2mq9PMM9CnhSnmFog/s1600/2016-10-09_10-51-38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2C-WX6QIEfT6eunddhTEJr3Q5WnXKuYRoeMAy8ucY6CHQeb0xvwAdX2oJ7ZQ9Xge9Qh1z2E8AIgpCcc8wTP165r2NtLqdWOa2Wmztet9sdf-lpC2Rp8GW4sRwXf2mq9PMM9CnhSnmFog/s640/2016-10-09_10-51-38.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
5. คลิกเลือกที่ CREATE YOUR WIDGET</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxN06BGv8xuaj41bnGkNEIhRVG6ZEc81A7wFuS2Jq2h_6fAgaUEj7TKgGtR1KGihtZaBmPi09feHM90r_f_z0gDXh2EXoX-6T39-nLffjJlE09mIQPXKI3CQpJ9M9u56as_j8bYrYFpY/s1600/2016-10-09_10-52-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxN06BGv8xuaj41bnGkNEIhRVG6ZEc81A7wFuS2Jq2h_6fAgaUEj7TKgGtR1KGihtZaBmPi09feHM90r_f_z0gDXh2EXoX-6T39-nLffjJlE09mIQPXKI3CQpJ9M9u56as_j8bYrYFpY/s640/2016-10-09_10-52-26.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
6. ขั้นตอนนี้ท่านต้องเข้าบัญชี Instagram ด้วย </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfFksebPWe_VLH7CV35i7iG6PpAV6Q1jed0BVV8ysr-xSi7NYH_DFjRjMASwkb1f9iXaCegNfjhDoGkZK2iVnUV_DIMCHcLJTz2bk7Bf_-KpnyHSZcu9zAerXotOr6vdDQVu3Uhgma7bc/s1600/2016-10-09_10-55-28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfFksebPWe_VLH7CV35i7iG6PpAV6Q1jed0BVV8ysr-xSi7NYH_DFjRjMASwkb1f9iXaCegNfjhDoGkZK2iVnUV_DIMCHcLJTz2bk7Bf_-KpnyHSZcu9zAerXotOr6vdDQVu3Uhgma7bc/s320/2016-10-09_10-55-28.png" width="286" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVtWccNWrqwAqOl1vxHfFF8saCvYvgGKYn7npRcDbyEuNJAvnmtHSxAn-Nm3-vWflcwJkGig4tUa9TvCWiXhChqIZOe99UUv6yakMrX7ZLskcMbarHSL1AXXgH9l_Err9aILISaV5JiY/s1600/2016-10-09_11-00-08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVtWccNWrqwAqOl1vxHfFF8saCvYvgGKYn7npRcDbyEuNJAvnmtHSxAn-Nm3-vWflcwJkGig4tUa9TvCWiXhChqIZOe99UUv6yakMrX7ZLskcMbarHSL1AXXgH9l_Err9aILISaV5JiY/s320/2016-10-09_11-00-08.png" width="286" /></a></div>
<br />
ทำการคลิกปุ่ม Authorize เพื่อยอมรับและยืนยันความเป็นตัวตน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTaaKOl1nJS2mJ53PSx6iKJPLyip9YvOLCjbdK3PElrmd6cLaCWs6PEnSj7v55Sw1zROhgx5WGuzqnjkCErgnYc383bN-x48APrJCGj1IPGGq6iZY5XS2NDRgmpDpgAMrYbtKDYaIQkE/s1600/2016-10-09_11-00-47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTaaKOl1nJS2mJ53PSx6iKJPLyip9YvOLCjbdK3PElrmd6cLaCWs6PEnSj7v55Sw1zROhgx5WGuzqnjkCErgnYc383bN-x48APrJCGj1IPGGq6iZY5XS2NDRgmpDpgAMrYbtKDYaIQkE/s1600/2016-10-09_11-00-47.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
7. ท่านก็ จะได้ code คำสั่ง สำหรับสร้าง widget</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF91IeAMO0YL3pzDF7oRZLb9keEt6GimAjhjyeTgd4_s7I0FjXMrUxvgSxDtSsTdLJKAnRkE7yPKWpZUltgERgJUPQ0RZCL_M5K2EHlYuyiNMn1aEjBmJ6Z9dRAAOq5SIHVoReUPLregg/s1600/2016-10-09_11-01-46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF91IeAMO0YL3pzDF7oRZLb9keEt6GimAjhjyeTgd4_s7I0FjXMrUxvgSxDtSsTdLJKAnRkE7yPKWpZUltgERgJUPQ0RZCL_M5K2EHlYuyiNMn1aEjBmJ6Z9dRAAOq5SIHVoReUPLregg/s640/2016-10-09_11-01-46.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
8. ไปที่หน้า dashboard ของ blogger กำหนดตำแหน่งเพื่อวาง Gadget เลือกรายการ HTML/จาวาสคริปต์</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYiZnGMyU2zAD9bECzhlVSjOuP0WRq_SGv_rOiM2cPFSwXCxrF9Sl2mKnDRK8hNPLtangBRx0RjvlU5ibA0FZumbm6NJWFY6o42K4KiIyUCfQsx2GbQ0xzfAX-6oZAViD7RKF2o58mzI/s1600/2016-10-09_12-01-45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYiZnGMyU2zAD9bECzhlVSjOuP0WRq_SGv_rOiM2cPFSwXCxrF9Sl2mKnDRK8hNPLtangBRx0RjvlU5ibA0FZumbm6NJWFY6o42K4KiIyUCfQsx2GbQ0xzfAX-6oZAViD7RKF2o58mzI/s1600/2016-10-09_12-01-45.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
9. เปิดหน้า แล้วนำ code ที่ได้ จากข้อ 7 นำมาวาง คลิกปุ่มบันทึก ได้เลย</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cZKoeP0_vFrQEm4XY51CDnlxaIHbvcIKsyYZauyqttUdLHLlqi0Wf_wD_UYEAcbPS55AjDcCIapeeKvQlAWRaIlebhBeiGtzMhW63ExAIPXz4t3hMjeFJFw4kNTrjCLx0y5aGhG2-g0/s1600/2016-10-09_12-02-51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cZKoeP0_vFrQEm4XY51CDnlxaIHbvcIKsyYZauyqttUdLHLlqi0Wf_wD_UYEAcbPS55AjDcCIapeeKvQlAWRaIlebhBeiGtzMhW63ExAIPXz4t3hMjeFJFw4kNTrjCLx0y5aGhG2-g0/s1600/2016-10-09_12-02-51.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
ก็เป็นอันจบสำหรับ เทคนิควันนี้</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XAmiz_NT4lDSP9-rIfnTS9Fl4Di4Yuwu0HK4utto5rirR1Bi8KB2iRF4GVPWIkDGn67u3L6c47imvP-lygKvv4WpfexPD_RQlEFCuSKp1aAG_zH8eavWp8qWWLuzV3fPuFHXxP2vRjM/s1600/2016-10-09_13-10-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XAmiz_NT4lDSP9-rIfnTS9Fl4Di4Yuwu0HK4utto5rirR1Bi8KB2iRF4GVPWIkDGn67u3L6c47imvP-lygKvv4WpfexPD_RQlEFCuSKp1aAG_zH8eavWp8qWWLuzV3fPuFHXxP2vRjM/s640/2016-10-09_13-10-26.png" width="640" /></a></div>
</div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-89538592658483807632016-10-23T12:12:00.001+07:002017-02-04T19:30:15.773+07:00เพิ่มความน่าสนใจด้วย Gadget : Featured Post หรือโพสต์เด่นBlogger ได้เพิ่ม Gadget ใหม่อีกตัวที่น่าสนใจ สามารถประยุกต์ใช้ได้ ในหลายๆสถานการณ์ อาทิ การโฆษณา แนะนำ สาระบทความใหม่ หรือใช้ประชาสัมพันธ์งานกิจกรรม หรือแจ้งข่าวสาร กำหนดการ หรือ เลือกโปรโมตเนือหาที่มีความสำคัญ เรามาทำความรู้จัก Gadget ใหม่นี้กัน Gadget นี้ ชื่อว่า <span style="color: red;">Featured Post</span> หรือชื่อภาษาไทยเรียกว่า <span style="color: red;">โพสต์เด่น </span><span style="color: black;">ดังภาพด้านล่าง</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPIIOeIOcYgZpeS0D2fpXzXt5fBQnYtnvHYp9XyYpwhBrLuNAwF5tNCAz_qkL-9EYWVhjxHmqBoW3TOamLV_gkDIJikr_qdoSYp0pWcJC8-vl0PBqO45JCQKyi-F_alLvWEoLYGBjXIe4/s1600/2016-04-01_21-10-58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPIIOeIOcYgZpeS0D2fpXzXt5fBQnYtnvHYp9XyYpwhBrLuNAwF5tNCAz_qkL-9EYWVhjxHmqBoW3TOamLV_gkDIJikr_qdoSYp0pWcJC8-vl0PBqO45JCQKyi-F_alLvWEoLYGBjXIe4/s1600/2016-04-01_21-10-58.jpg" /></a></div>
<br />
การติดตั้ง<br />
1. ไปที่หน้าควบคุมระบบบล็อกหรือแดชบอร์ด (Dashboard) <br />
<br />
2.ที่เมนูรายการด้านซ้าย คลิกเลือกรายการรูปแบบ (Layout) จะเกิดผังแม่แบบเว็บของบล็อก ให้ท่านทำการเลือก Zone หรือตำแหน่งที่จะวาง <span style="color: red;">Featured Post</span> หรือ <span style="color: red;">โพสต์เด่น</span><br />
<br />
3.ดูที่แถบข้อความ(อักษรสีฟ้า)คำว่า Add a Gadget (เพิ่ม Gadget) คลิกที่ข้อความดังกล่าว จะเกิดหน้าต่างชื่อ <strong><span style="color: blue;">เพิ่ม Gadget</span></strong> เลือกตรงส่วนพื้นฐาน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibf3bbomT10VB3YETQWNqbh_y-CzfgGg_gmR1xRUxl4FRnH-jTfwY2q5n5KrPBYvHvODjxMLCdpQggKOMqSVJpdDLI6v0U3pMST6O7Vhs16Vl6vYdtlDgjYDETVkSH6C1f7Z2UqrnYwVE/s1600/2016-04-01_21-26-20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibf3bbomT10VB3YETQWNqbh_y-CzfgGg_gmR1xRUxl4FRnH-jTfwY2q5n5KrPBYvHvODjxMLCdpQggKOMqSVJpdDLI6v0U3pMST6O7Vhs16Vl6vYdtlDgjYDETVkSH6C1f7Z2UqrnYwVE/s640/2016-04-01_21-26-20.jpg" width="608" /></a></div>
<br />
<br />
4.เลือกรายการที่ชื่อว่า <span style="color: red;">Featured Post</span> หรือ <span style="color: red;">โพสต์เด่น</span><br />
<span style="color: red;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbY2eEzn3U6hAC5rr4kocEZlnpFSsX_xAU-H_sgR3iYdzv6-2lrEXKuE_XN5yxVHcyKfjhRXuOmVbMhl1WKK0VBJEBBYpUciM64ZKFXBPbNt76Pa11zLlFOLCAjRNg5aSltOG3lAWoOqY/s1600/2016-04-01_21-30-56.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbY2eEzn3U6hAC5rr4kocEZlnpFSsX_xAU-H_sgR3iYdzv6-2lrEXKuE_XN5yxVHcyKfjhRXuOmVbMhl1WKK0VBJEBBYpUciM64ZKFXBPbNt76Pa11zLlFOLCAjRNg5aSltOG3lAWoOqY/s640/2016-04-01_21-30-56.jpg" width="456" /></a></div>
<br />
5. ทำการใส่รายละเอียดต่างๆ ดังนี้<br />
<span style="color: blue;">ชื่อแกดเจ๊ต</span> เป็นส่วนตั้งชื่อ ซึ่งชื่อนี้ จะปรากฏในหน้าบล็อก<br />
<span style="color: blue;">ตัวอย่างข้อมูลโพสต์</span> สำหรับเลือกในการแสดงผล มี 3 รายการ คือ<br />
แสดงชื่อโพสต์<br />
แสดงตัวอย่างข้อความ<br />
แสดงรูปภาพ<br />
<span style="color: blue;">โพสต์แนะนำ</span> จะแสดงชื่อเรื่องที่ท่านเลือก<br />
<span style="color: blue;">เลือกโพสต์เด่น</span> เป็นส่วนให้ท่านได้เลือกสาระเนื้อหา เรื่องราว จากกลุ่มเนื้อหาที่ท่านสร้าง <br />
โดยจะเลือกบางกลุ่ม หรือจากกลุ่มทั้งหมดซึ่งจะแสดงเป็นรายการเรื่องด้านล่างถัดลงไป<br />
<br />
<span style="color: blue;">แสดงตัวอย่าง</span> เป็นส่วนแสดงผลเพื่อให้ท่านได้เห็นก่อนไปปรากฏในหน้าเว็บ<br />
<br />
6. หากกำหนดเงื่อนไข รายละเอียด ตามที่ต้องการแล้ว ให้คลิกปุ่ม <strong><span style="color: blue;">บันทึก</span></strong> ด้วย<br />
7. ทำการคลิกปุ่ม บันทึกการจัดเรียงอีกครั้งด้วย mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-59762771419138588822016-03-27T11:52:00.001+07:002017-02-04T12:53:18.773+07:00พัฒนาการการจัดการศึกษาออนไลน์ต่อการจัดการศึกษาตลอดชีวิตของ กศน. ปี 2559<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-d4F9eq67ugryHL8jXQG98ET6KIb_8GyMOxalCo5jhr8upYFa_qOJvIz32jBasTKEJ-4qtWlogZou4h9CRGoPh-p4_FUn_PVFJ7Vg5KWyttPPz61XORjYAXltX_bxVTVUQsD7Kk3phWs/s1600/2016-03-27_11-03-28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-d4F9eq67ugryHL8jXQG98ET6KIb_8GyMOxalCo5jhr8upYFa_qOJvIz32jBasTKEJ-4qtWlogZou4h9CRGoPh-p4_FUn_PVFJ7Vg5KWyttPPz61XORjYAXltX_bxVTVUQsD7Kk3phWs/s320/2016-03-27_11-03-28.jpg" width="319" /></a></div>
<br />
พระราชบัญญัติการศึกษาแห่งชาติ พ.ศ. 2542 ถือได้ว่าเป็นกฎหมายด้านการศึกษาที่เปิดโอกาสให้ประชาชนได้มีส่วนร่วมในการแสดงความคิดเห็นและให้ข้อมูลอย่างกว้างขวาง เพื่อกำหนดเนื้อหาสาระต่างๆ เกี่ยวกับการจัดการศึกษาของประเทศ ซึ่งส่งผลกระทบสำคัญในการเปลี่ยนแปลงการจัดการศึกษาของชาติอย่างมาก นับตั้งแต่การกำหนดความมุ่งหมายของการศึกษา ที่เน้นการพัฒนาคนไทยให้เป็นมนุษย์ที่สมบูรณ์ทั้งร่างกาย จิตใจ สติปัญญา ความรู้ และคุณธรรม (มาตรา 6) การจัดการศึกษาโดยยึดหลักการศึกษาตลอดชีวิตสำหรับประชาชน ให้สังคมมีส่วนร่วมในการจัดการศึกษา (มาตรา 8) การกำหนดสิทธิและหน้าที่ทางการศึกษาของบุคคล บิดามารดา ครอบครัว ชุมชน องค์กรรัฐ องค์กรเอกชน สถาบันต่างๆ ทางสังคม (มาตรา 10 – มาตรา 14) การกำหนดระบบการศึกษา ซึ่งระบุไว้ว่ามี 3 รูปแบบ คือการศึกษาในระบบและนอกระบบการศึกษา และการศึกษาตามอัธยาศัย โดยให้มีการผสมผสานและการเทียบโอนผลการเรียนระหว่างรูปแบบเดียวกัน และต่างรูปแบบกันได้ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WxHF_em9faBAHgCp-yRH7P-6lYtT5RwBCdhzLHZIzI0E1hPZSwPFWY9XsPQ14dPkfA6L81dFuVVFXMzry4LwVsXKNEMwGe5awjmeDvMvtad3twB-HyfHFeC2rJUB89zubHkQ0MFV6Mk/s1600/2016-03-27_11-45-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WxHF_em9faBAHgCp-yRH7P-6lYtT5RwBCdhzLHZIzI0E1hPZSwPFWY9XsPQ14dPkfA6L81dFuVVFXMzry4LwVsXKNEMwGe5awjmeDvMvtad3twB-HyfHFeC2rJUB89zubHkQ0MFV6Mk/s640/2016-03-27_11-45-05.jpg" width="640" /></a></div>
<br />
ในการสร้างฐานความรู้โดยอาศัยกระบวนการเทคโนโลยีสารสนเทศเป็นตัวขับเคลื่อน ซึ่งในปัจจุบันนับได้ว่ามีความสำคัญ และมีความจำเป็นต่อวงการศึกษาเพิ่มขึ้นเป็นลำดับ จากนโยบายการปฏิรูปการศึกษา ตามพระราชบัญญัติการศึกษาแห่งชาติ พุทธศักราช 2542 ที่ได้กำหนดยุทธศาสตร์เพื่อให้สถานศึกษาทุกแห่ง ส่งเสริม สนับสนุนเพื่อการเรียนรู้อย่างต่อเนื่องตลอดชีวิต โดยใช้เทคโนโลยีสารสนเทศและการสื่อสารเป็นกลไกในการจัดการศึกษา เพื่อก้าวไปสู่สังคมแห่งการเรียนรู้ ที่จะตอบสนองให้ผู้เรียนและประชาชนทั่วไปได้เข้าถึงและใช้ประโยชน์เพื่อการเรียนรู้ การพัฒนาคุณภาพชีวิตได้อย่างทั่วถึง มีความเสมอภาคและมีประสิทธิภาพที่เท่าเทียมกัน ที่สำคัญจะเป็นทางเลือกอีกทางหนึ่งที่จะนำพาไปสู่การสร้างสังคมการศึกษาและการเรียนรู้ตลอดชีวิต ปัจจุบันระบบการจัดการศึกษาแบบ e-learning ได้รับการยอมรับว่าเป็นกลไกสำคัญอีกระบบหนึ่งที่มีคุณลักษณะในการสนับสนุน ส่งเสริม ประสิทธิภาพการเรียนรู้ของผู้เรียนได้อย่างอิสระ ช่วยให้เข้าถึงแหล่งความรู้ที่หลากหลาย ได้อย่างรวดเร็วและสามารถเรียนรู้ได้ด้วยตนเองตามอัธยาศัย นอกจากนี้ การจัดการศึกษารูปแบบ e-learning นี้ เป็นการสนองตอบแนวคิดในการจัดการเรียนการสอนที่เน้นผู้เรียนเป็นหลัก ผู้เรียนสามารถเข้าถึง ควบคุมกระบวนการเรียนรู้ได้ด้วยตัวเอง (Self-Directed Learning) กระตุ้นให้ผู้เรียนสามารถเรียนรู้และแก้ปัญหาได้อย่างอิสระ เป็นการเรียน รู้ในลักษณะผู้เรียนเป็นศูนย์กลาง (Student-Centered Learning) ด้วยวิธีการที่หลากหลายสนองต่อกลไกการเรียนรู้ของผู้เรียนเป็นสำคัญ และสนับสนุนการเรียนรู้ที่มีมาตรฐานการศึกษาเดียวกัน เรียนรู้ได้ทุกเวลา เข้าถึงสาระเนื้อหาได้ในทุกสถานที่ (anyone-anywhere-anytime learning) โดยใช้กลไกของเทคโนโลยีสารสนเทศ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBgKBnNH5ezipGMOA3UC6vBfn3pr-5sYF7Ds1HE2LQsav4aCmtP_TUdCFS_D3XWQ2RHiE0_IXLVXVOQ2yjavYGm3AFAH5s4Fug_6AWlsgqghU7gyQwo5JlLEDyz9OvvQfuUv0ARlFQa0/s1600/2016-03-27_11-43-17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBgKBnNH5ezipGMOA3UC6vBfn3pr-5sYF7Ds1HE2LQsav4aCmtP_TUdCFS_D3XWQ2RHiE0_IXLVXVOQ2yjavYGm3AFAH5s4Fug_6AWlsgqghU7gyQwo5JlLEDyz9OvvQfuUv0ARlFQa0/s640/2016-03-27_11-43-17.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
การส่งเสริมและจัดการศึกษายุคใหม่จะต้องพัฒนาคนให้มีความสามารถสร้างและใช้ข้อมูลข่าวสารให้เป็นอย่างถูกต้องและเป็นระบบ การพัฒนาครูผู้สอนให้สามารถนำสาระเนื้อหา หรือหลักสูตรที่มีอยู่นำมาพัฒนาให้เป็นวิธีการ หรือกระบวนการเรียนรู้ในรูปแบบของตนเองได้ ดังนั้นหน่วยงาน สถานศึกษา สังกัด กศน. ซึ่งมีเป้าหมายหลักในการส่งเสริม สนับสนุนการจัดการศึกษาที่ครอบคลุมการจัดศึกษาให้กับกลุ่มคนที่หลากหลาย ในหลากหลายช่องทางไม่ว่าจะผ่านรายการวิทยุ รายการโทรทัศน์ สนับสนุนและส่งเสริมการเรียนรู้ผ่านห้องสมุดทั้งระดับจังหวัด ระดับอำเภอ รวมถึงการกระจายไปสู่ชุมชน จึงต้องเตรียมคนให้มีคุณสมบัติที่เหมาะสมกับการจัดการศึกษาเพื่อปวงชนในทุกระดับให้ได้รับการศึกษาอย่างมีคุณภาพ ต่อเนื่องตลอดชีวิต ด้วยประสบการณ์อันยาวนาน สำนักงาน กศน. ที่มีโครงสร้างพื้นฐานเพื่อดำเนินการจัดการเรียนรู้รวมถึงแหล่งการเรียนรู้ที่อยู่ในความรับผิดชอบกระจายอยู่ทั่วประเทศ ตั้งแต่ระดับจังหวัดถึงหมู่บ้านไม่ว่าจะเป็น ศูนย์วิทยาศาสตร์เพื่อการศึกษา ห้องสมุดประชาชนระดับจังหวัด ระดับอำเภอ ศูนย์เรียนรู้อาชีพท้องถิ่น และศูนย์การเรียนชุมชนเกือบ 7,000 แห่ง ครอบคลุมทุกตำบลของประเทศ ด้วยศักยภาพของครู และบุคลากรทางการศึกษาสามรถดำเนินการจัดและส่งเสริมการเรียนรู้แก่ประชาชน มีความสามารถประสานงาน ทำงานร่วมกับชุมชน หน่วยงานและเครือข่ายได้เป็นอย่างดี ที่สำคัญ หน่วยงาน กศน. เป็นอีกหน่วยงานของรัฐที่มีความพร้อมทั้งเครื่องมือ อุปกรณ์ ระบบเครือข่ายการสื่อสารและบุคลากรด้านเทคโนโลยีสารสนเทศเพื่อการถ่ายทอดความรู้ ทั้งสื่อวิทยุ สื่อโทรทัศน์ และเครือข่ายอินเตอร์เน็ต หากจะมองถึงความพร้อมดังที่กล่าวมาแล้วก็นับได้ว่า หน่วยงานและสถานศึกษาในสังกัดสำนักงาน กศน. มีต้นทุนต่อการขับเคลื่อนการดำเนินการจัดการศึกษานำไปสู่สังคมแห่งการเรียนรู้ครอบคลุมเกือบทุกรูปแบบที่ดีที่สุด <br />
แต่การจัดการศึกษาไม่ได้จำกัดอยู่แค่ในระบบชั้นเรียน โลกของการศึกษาในปัจจุบันกว้างไกล ไร้ขอบเขต ผ่านกลไก กระบวนการเทคโนโลยีสารสนเทศ ซึ่งประสิทธิภาพโดยรวมของระบบการสื่อสาร เทคโนโลยีคอมพิวเตอร์ และองค์ประกอบร่วมสามารถรองรับกระบวนการจัดการศึกษา การส่งเสริมการเรียนรู้ในรูปแบบ interactive และมัลติมีเดียได้เป็นอย่างดี และภาพความเป็นจริงของการจัดและส่งเสริมการศึกษาในสังกัดสำนักงาน กศน. ในปัจจุบันยังไม่มีการเปลี่ยนแปลงมากนัก การใช้ศักยภาพช่องทางทางเทคโนโลยีสารสนเทศให้สอดคล้องกับพัฒนาการทางเทคโนโลยีด้านต่างๆที่เปลี่ยนไป นำมาจัดการศึกษาอย่างเป็นรูปธรรมนั้น ดูเหมือนว่ายังทำได้ไม่เต็มที่นัก แม้ว่าจะยังมีกลุ่มคนที่ทำงานด้าน ICT ในสังกัด สำนักงาน กศน. อาทิ สถาบันการศึกษาทางไกล สถาบัน กศน.ภาคต่างๆ ทั้ง 5 ภาค สำนักงาน กศน.จังหวัด จะร่วมมือรวมกลุ่มเป็นทีมงาน เพื่อสร้างงาน สร้างฐานการเรียนรู้ รวมถึงการฝึกอบรมให้บุคลากรในเขตพื้นที่ ที่รับผิดชอบได้มีความรู้ มีทักษะ และความพร้อมที่จะขับเคลื่อนในการจัดการศึกษา หรือการส่งเสริมการเรียนรู้ด้วย ICT อย่างต่อเนื่องมาโดยตลอด ระยะเวลา 10 กว่าปีที่ผ่านมา การขับเคลื่อนในการจัดการศึกษาด้วย ICT เป็นไปค่อนข้างช้า การฝึกอบรมบุคลากรในแต่ละปีมีจำนวนไม่มากพอ อีกทั้งขาดการติดตาม ขาดการส่งเสริมสนับสนุนอย่างจริงจัง จากการติดตามโดยผู้จัดการอบรมในระดับภาค พบว่า การสร้างงานโดยคนที่ผ่านการอบรม มีจำนวนน้อยกว่าที่ควรจะเป็น ส่งผลให้หลักสูตร เนื้อหา สาระการเรียนรู้ ที่มีอยู่ในปัจจุบันยังไม่เพียงพอต่อความต้องการ นอกจากนี้ การใช้งาน การเข้าถึงช่องทาง เส้นทางการศึกษาด้วยวิธีนี้ ก็ยังอยู่ในวงจำกัดเฉพาะบางสถานศึกษาเท่านั้น <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvFjd8QG7Uq6B27azlSXOJcvItSoX_BEII5LQJqDhoFyN_BGKzvqQwKTX6BsQIwKSUonfm2d8vYcQOH9kRfd_b1F96NA4P5xEAO5NE41hRQ-cYbX6g98m9Ttx8XYVLkigxX1D5LklQkE/s1600/2016-03-27_11-41-56.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvFjd8QG7Uq6B27azlSXOJcvItSoX_BEII5LQJqDhoFyN_BGKzvqQwKTX6BsQIwKSUonfm2d8vYcQOH9kRfd_b1F96NA4P5xEAO5NE41hRQ-cYbX6g98m9Ttx8XYVLkigxX1D5LklQkE/s640/2016-03-27_11-41-56.jpg" width="640" /></a></div>
<br />
ในอดีต สำนักงาน กศน. เคยนำเอาเทคโนโลยี Social network รวมถึง Social media มาใช้งานอย่างหลากหลาย ทั้งแบบที่ให้ใช้งานฟรี แบบเช่าบริการ และแบบจ้างสร้างระบบ อาทิ Google Apps, GotoKnow, NFE Teamwork Solution, NFE Portal web (gnfe) และอื่นๆ แต่ปัจจุบันสถาบัน กศน.ภาค ได้นำเอา Social media มาใช้ในการสร้างฐานการเรียนรู้ รวมถึงการให้การอบรมพัฒนาบุคลากรให้กับหน่วยงานเครือข่ายในพื้นที่ของแต่ละภาค อาทิ Blogger, YouTube, Google Plus เป็นต้น<br />
<br />
<br />
ปัจจัยที่ทำให้การจัดการศึกษาออนไลน์ของ กศน. เติบโตช้า อาทิ<br />
1.ระยะเวลาการอบรมในแต่ละหลักสูตร น้อยเกินไป<br />
2.ภาระงานในหน้าที่ของครูหรือบุคลากรทางการศึกษาที่มาเข้ารับการอบรม มีมาก <br />
3.ผู้เข้ารับการอบรมขาดใจรักในการสร้างงาน <br />
4.ผู้ผ่านการอบรม ไม่ทำการศึกษาเพิ่มเติม <br />
5.หน่วยงาน สถานศึกษาที่จัดการฝึกอบรมไม่มีการฝึกอบรมฝึกทักษะเพิ่มเติมต่อเนื่อง<br />
6.การสนับสนุนด้านงบประมาณ รวมถึงการให้ความสำคัญเชิงประจักษ์มีน้อย<br />
7.สถานศึกษายังคงยึดติดกับรูปแบบการจัดการศึกษาแบบเดิม<br />
8.เครื่องมือและอุปกรณ์ มีจำกัด และล้าสมัย<br />
9.ขาดการประชาสัมพันธ์และส่งเสริมการเรียนรู้เชิงรุก<br />
10.การกำหนดนโยบายด้านการจัดการศึกษาด้วยช่องทาง ICT ไม่ต่อเนื่อง<br />
11.ครูและบุคลากรทางการศึกษาในระดับบริหารและระดับนโยบายหลายราย ยังเข้าใจบริบทของการศึกษาออนไลน์คลาดเคลื่อน<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlN0SoqC8Mspc9R9r-IX562RGnnN2RtLsdhgn2Nn2cZxMcE4Ljk7XC86U0QAwrrF9RngHI_B2Isvn03CntecaQQBPbgGIofQGmy_HBlTUOxyqBE8yYQAOBsqp_cuoeSOYeUWVoY55stDk/s1600/2016-03-27_11-39-17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlN0SoqC8Mspc9R9r-IX562RGnnN2RtLsdhgn2Nn2cZxMcE4Ljk7XC86U0QAwrrF9RngHI_B2Isvn03CntecaQQBPbgGIofQGmy_HBlTUOxyqBE8yYQAOBsqp_cuoeSOYeUWVoY55stDk/s640/2016-03-27_11-39-17.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2fMoGP-BD1XjSKJwXWdYReeUe16i7HqfxicA-KO2md1MP2Vmyd01u2QDCxhzG6XWeovgn-RpxsHV4mKmoqKbdiJwyBnpl_8xRULGuuxglw1d1kTnPyxBf-cHasDFX6ibqqPs0g07q6nY/s1600/2016-03-27_11-09-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2fMoGP-BD1XjSKJwXWdYReeUe16i7HqfxicA-KO2md1MP2Vmyd01u2QDCxhzG6XWeovgn-RpxsHV4mKmoqKbdiJwyBnpl_8xRULGuuxglw1d1kTnPyxBf-cHasDFX6ibqqPs0g07q6nY/s640/2016-03-27_11-09-09.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
หากพิจารณาแผนภูมิหลักด้านบนที่ปรากฏใน ยุทธศาสตร์และจุดเน้นการดำเนินงานสำนักงาน กศน. ประจำปีงบประมาณ 2559 จะพบว่า สำนักงาน กศน.ได้กำหนด พันธกิจ ในการดำเนินการด้วยเทคโนโลยีสารสนเทศ ซึ่งปรากฏข้อความในข้อ 3 ใจความว่า <span style="color: blue;">ส่งเสริมและพัฒนาการนําเทคโนโลยีทางการศึกษา และเทคโนโลยีสารสนเทศและการสื่อสารมาใช้ให้เกิดประสิทธิภาพในการจัดการศึกษานอกระบบและการศึกษาตามอัธยาศัย</span> และกำหนดเป้าประสงค์ในข้อ 8 อย่างชัดเจนว่า <span style="color: blue;"><strong>ห</strong>น่วยงานและสถานศึกษาพัฒนาและนําสื่อ เทคโนโลยีทางการศึกษา เทคโนโลยีสารสนเทศและการสื่อสาร มาใช้ในการเพิ่มโอกาสและยกระดับคุณภาพในการจัดการเรียนรู้</span> รวมถึงให้ความสำคัญต่อการพัฒนาบุคลากรที่ระบุไว้ในข้อ 9 ว่า <span style="color: blue;">บุคลากรของหน่วยงานและสถานศึกษาได้รับการพัฒนาเพื่อเพิ่มสมรรถนะในการปฏิบัติงานการศึกษานอกระบบและการศึกษาตามอัธยาศัยอย่างทั่วถึง</span> และหากไปมองถึงยุทธศาสตร์และจุดเน้นการดำเนินงาน สำนักงาน กศน. ก็ยังได้ให้ความสำคัญต่อการใช้ ICT เพื่อเป็นเครื่องมือ เป็นกลไกสำคัญในการจัดการศึกษา และส่งเสริมการเรียนรู้ ซึ่งปรากฏในยุทธศาสตร์ ที่ 1 และ 2 ดังนี้ <br />
<br />
<strong>ยุทธศาสตร์ที่ 1</strong> <br />
พัฒนา กศน.ตําบลให้เป็นกลไกการขับเคลื่อนการจัดการศึกษาและส่งเสริมภาคีเครือข่ายในการจัดการศึกษาเพื่อสร้างและกระจายโอกาสในการเรียนรู้ตลอดชีวิตในชุมชน<br />
<span style="color: blue;">จุดเน้นการดําเนินงาน</span><br />
1.2 พัฒนาโครงสร้างพื้นฐาน กศน.ตําบล ให้มีความพร้อมเกี่ยวกับโครงสร้างพื้นฐานด้าน ICT และเทคโนโลยีเพื่อการศึกษาอื่นที่เหมาะสมกับพื้นที่ เพื่อให้มีความพร้อมในการให้บริการการศึกษาและการเรียนรู้ที่เป็นไปตามความต้องการของประชาชนและชุมชน และสร้างโอกาสในการเรียนรู้ได้อย่างทั่วถึง<br />
<br />
<strong>ยุทธศาสตร์ที่ 2</strong> <br />
ลดความเหลื่อมล้ํา สร้างโอกาส และยกระดับคุณภาพการศึกษา<br />
<span style="color: blue;">จุดเน้นการดําเนินงาน</span><br />
2.3 ยกระดับคุณภาพการจัดการศึกษาและการเรียนรู้การศึกษานอกระบบและการศึกษาตามอัธยาศัย “ปรับวิธีเรียน เปลี่ยนวิธีจัดการเรียนรู้” โดยการพัฒนาหลักสูตร การพัฒนาสื่อการพัฒนาสื่อเทคโนโลยีเพื่อการศึกษา การพัฒนาระบบ ICT การพัฒนาบุคลากรผู้เกี่ยวข้อง การพัฒนารูปแบบการจัดการเรียนรู้การพัฒนาระบบประกันคุณภาพภายในของสถานศึกษา การประเมินเทียบระดับการศึกษาการพัฒนาระบบการสะสมและเทียบโอนผลการเรียน และให้ความสําคัญกับการวิจัยเพื่อการพัฒนางานในรูปแบบต่างๆ<br />
<br />
2.4 ใช้สื่อเทคโนโลยีทางการศึกษา และเทคโนโลยีการสื่อสารที่ทันสมัยและเหมาะสมเป็นเครื่องมือในการสร้างและกระจายโอกาสทางการศึกษา อาทิการจัดการศึกษานอกระบบผ่านทีวีสาธารณะ (ติวเข้มเติมเต็มความรู้) ETV วิทยุกระจายเสียง Social Media ในรูปแบบต่างๆ Application บน Smart Phoneสื่อ Off line ตลอดจนส่งเสริมให้มีการสร้างองค์ความรู้ที่หลากหลายมีความถูกต้องและสอดคล้องกับความจําเป็นและความต้องการของกลุ่มเป้าหมายการศึกษาในระบบการศึกษานอกระบบ และการศึกษาตามอัธยาศัย เสนอผ่านช่องทางดังกล่าว<br />
<br />
จากยุทธศาสตร์ปี 2559 ดังกล่าวหากย้อนมองถึงปีที่ผ่านมา ก็พบว่า ยังเป็นภารกิจต่อเนื่องที่ทำเป็นปกติ ความจริงจังที่นำไปสู่การเปลี่ยนแปลงอย่างชัดเจนนั้น คงต้องรอดูผลการปฏิบัติงานทั้งในส่วนการกำกับ การติดตาม การบริหาร รวมถึงการปฏิบัติจริงในพื้นที่อย่างจริงจังเมื่อสิ้นสุดปีงบประมาณอีกครั้ง............<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSSlRTLrY01amYtohMZxusmJrZogJE_fitEK7L-eMd7pPdESOFRFgyu2HsR6nypNh7ert8zt-qZhrIPRkjNYsNmyr61taJLKWQnpdM795B1TiFPOghOl5MQVhh-aAswi53Zf8mvY3f-js/s1600/2016-02-26_19-05-23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSSlRTLrY01amYtohMZxusmJrZogJE_fitEK7L-eMd7pPdESOFRFgyu2HsR6nypNh7ert8zt-qZhrIPRkjNYsNmyr61taJLKWQnpdM795B1TiFPOghOl5MQVhh-aAswi53Zf8mvY3f-js/s1600/2016-02-26_19-05-23.jpg" /></a></div>
<br />mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-43880013118026923092016-02-21T18:34:00.003+07:002017-02-04T12:54:53.669+07:00ประเภทของบล็อก<br />
<br />
ในโลกของสังคมข่าวสารปัจจุบัน บล็อก เป็นอีกปัจจัยสำคัญของ Social network ที่มีอิทธิพลต่อวงการธุรกิจ วงการข่าวสาร ประชาสัมพันธ์ หรือแม้กระทั่งแวดวงการศึกษา จะเห็นได้ว่าอัตราการเจริญเติบโตของบล็อกประเภทต่างๆไม่ว่าจะเป็นบล็อกส่วนตัว ไปจนถึงบล็อกขององค์กร/ธุรกิจ จะมีอัตราที่สูงขึ้นอย่างรวดเร็ว ถือได้ว่าเป็นการเกิดของ สังคมแห่งการแบ่งปัน ที่มีทั้งผู้ต้องการสาระเนื้อหา ผู้ที่เผยแพร่เนื้อหา ไม่ว่าจะเป็นเรื่องราวหลากหลายประเภทหรือหลากหลายมุมมอง หรือชื่นชมผลงานส่วนตัวไม่ว่าจะเป็นประสบการณ์ชีวิตต่างๆ ผลงานรูปภาพ งานกราฟิก งานมัลติมีเดียต่างๆ ไปจนถึงบล็อกขององค์กร / ธุรกิจ ที่มีจุดมุ่งหมายเพื่อการโฆษณา ประชาสัมพันธ์ <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSEfJJHJm72EbNuwVlD09Mo58BBetwfkHxGiISoRQV2y4cLhrrNHUyj0angSyZWh4ckiw3G4ugF11IbyJFr6gQz1Icq6NTsybAhErplOkP1LkLUpxY4ZhmbynTBrNhaMlVoBo4SjqDSU/s1600/2001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSEfJJHJm72EbNuwVlD09Mo58BBetwfkHxGiISoRQV2y4cLhrrNHUyj0angSyZWh4ckiw3G4ugF11IbyJFr6gQz1Icq6NTsybAhErplOkP1LkLUpxY4ZhmbynTBrNhaMlVoBo4SjqDSU/s640/2001.jpg" width="640" /></span></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
การสร้างบล็อกอาศัยวิธีการ 2 ประเภทใหญ่ๆ คือ</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<strong><span style="color: red;">1.สร้างจากโปรแกรมบล็อกหรือซอฟท์แวร์</span></strong><br />
<div class="separator" style="clear: both; text-align: left;">
บล็อกประเภทนี้ ผู้สร้างต้องทำการติดตั้งซอฟท์แวร์ที่มีให้ดาวน์โหลดบนอินเทอร์เน็ต มีทั้งให้ใช้งานฟรี และแบบเสียค่าบริการรายปี โปรแกรมที่นิยมใช้งานมากๆ ได้แก่ <a href="http://wordpress.org/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">WordPress</span></a><span style="font-family: inherit;">, </span><a href="http://www.joomla.org/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">Joomla</span></a><span style="font-family: inherit;">, </span><a href="http://mambo-foundation.org/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">Mambo</span></a><span style="font-family: inherit;"> และ </span><a href="http://lifetype.net/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">Lifetype</span></a> เป็นต้น </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<strong><span style="color: red;">2.สร้างจากเว็บไซต์ผู้ให้บริการออนไลน์</span></strong></div>
<div class="separator" style="clear: both; text-align: left;">
เป็นอีกประเภทที่มีผู้นิยทใช้งานมากที่สุด เนื่องด้วยใช้งานง่าย ไม่ยุ่งยาก ทำงานค่อนช้างรวดเร็ว แบบนี้ ท่านต้องเป็นสมาชิกของเว็บไซต์ผู้ให้บริการก่อน ได้แก่ <a href="http://www.gotoknow.org/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">GotoKnow</span></a><span style="font-family: inherit;">, </span><a href="http://www.bloggang.com/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">Bloggang</span></a><span style="font-family: inherit;">, </span><a href="http://www.oknation.net/blog/index.php" target="_blank"><span style="color: #1d81b6; font-family: inherit;">OKnation Blog</span></a><span style="font-family: inherit;">, </span><a href="https://en.wordpress.com/signup/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">WordPress/Windows Live</span></a><span style="font-family: inherit;"> หรือ </span><a href="http://www.blogger.com/" target="_blank"><span style="color: #1d81b6; font-family: inherit;">Blogger </span></a><span style="font-family: inherit;"></span> บล็อกฟรีที่ท่านกำลังอ่านแห่งนี้ของค่าย Google </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXmvLsef6XkZGahJLhIVLGfAJBPi8t_GlGYN9n2w0qic-ad0tnD6n5l92fcXxpFl0_LUdMBMzwoVLNWTBiAGpnXP2wPNh6-MsMcU5MGxcda_t_QqtlOqXZiBRRCgxJUds4c8r8AaagKE/s1600/2002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img aea="true" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXmvLsef6XkZGahJLhIVLGfAJBPi8t_GlGYN9n2w0qic-ad0tnD6n5l92fcXxpFl0_LUdMBMzwoVLNWTBiAGpnXP2wPNh6-MsMcU5MGxcda_t_QqtlOqXZiBRRCgxJUds4c8r8AaagKE/s640/2002.jpg" width="640" /></a></div>
<h4>
</h4>
<span style="font-family: inherit;"></span><br />
<strong><span style="color: blue;">บล็อกมีกี่ประเภท</span></strong><br />
หากจะมีการแบ่งประเภทของบล็อกในปัจจุบัน ก็มีหลากหลายทฤษฎี หลากหลายแบบมีการแบ่งกลุ่ม ต่างๆกัน ซึ่งก็ไม่มีแบบไหนถูกหรือผิด<br />
(1) เอาแบบกว้างๆ ก็เป็นการแบ่งประเภทตามลักษณะการเผยแพร่ อาทิ บล็อกส่วนตัว เฉพาะบันทึกเพื่อดู/อ่านเองหรือในครอบครัว กับบล็อกแบบสาธารณะ เผยแพร่ ต่อสังคมโลก ที่คนทั่วไป สามารถเข้าถึงข้อมูล อ่าน หรือ แสดงความคิดเห็นได้<br />
<br />
(2) บางแห่ง แบ่งตามรูปแบบของเนื้อหาหรือกลุ่มสนใจ (การถ่ายภาพ การส่องนก การท่องเที่ยว การดำน้ำ การขับรถ การทำอาหาร....) <br />
<br />
(3) บางแห่งก็แบ่งไปตามประเภทของเนื้อหาของสื่อ(สิ่งพิมพ์ เสียง วิดีโอ ภาพถ่าย งานกราฟิก) <br />
<br />
แต่ที่เห็นค่อนข้างชัดจะแบ่งไปตามประเภทของเนื้อหาหรือกลุ่มสนใจ เรามาดูกันว่า มีอะไรกันบ้าง<br />
ที่ <a href="http://wordpress.com/"><span style="font-family: inherit;">WordPress.com</span></a> ได้กำหนดประเภทของบล็อกไว้ ดังนี้ <br />
<br />
<span style="font-family: inherit;"><strong><span style="color: red;">•Personal:</span></strong> </span><br />
<span style="font-family: inherit;">จัดเป็นหมวดหมู่ที่ค่อนข้างกว้างเป็นบล็อกที่นำเสนอด้านความคิดเห็น การบันทึก ในเรื่องต่างๆของผู้สร้างบล็อก ตามความชอบ อาจจะเน้นในด้านใดด้านหนึ่ง เช่น ด้านการเมือง, เพลง, ครอบครัว, ท่องเที่ยว, สุขภาพ และแนวคิด</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW-ZHyjaM_l_2Ht0rxyTUWMTqpUz1W9XxtXIg1I5rl2HPqo9vEePSeUWiVTD7Gn-gsmsGYP-nbrX3WePlAVZnKg1EWGPO5A1i-7xGXRW4u7aKFj631eCtGxVDHLUbQRoufAnqfL9B9C10/s1600/2016-02-21_18-23-37.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW-ZHyjaM_l_2Ht0rxyTUWMTqpUz1W9XxtXIg1I5rl2HPqo9vEePSeUWiVTD7Gn-gsmsGYP-nbrX3WePlAVZnKg1EWGPO5A1i-7xGXRW4u7aKFj631eCtGxVDHLUbQRoufAnqfL9B9C10/s640/2016-02-21_18-23-37.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><strong><span style="color: red;">•Business:</span></strong> </span><br />
<span style="font-family: inherit;">กลุ่มนี้ จะนิยมในซีกโลกตะวันตก เพื่อนำเสนอ แบ่งปันความรู้ หรือแนะนำอัตลักษณ์ด้านธุรกิจของบริษัท ด้านการเงิน การธนาคาร กฎหมาย การเล่นหุ้น รวมถึงการนำเสนอ การแนะนำให้กับลูกค้าหรือผู้สนใจทั่วไป</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvEsM-ExCZY75fjOulPpbJIdkS0a0PU3MDgWUwQHXR50fVf3VEVbF7BhTm_4TaJQBdeZBM0P1rUFk4PQcFb7TQGSa93ImdrFl6c0LN6nV8X06XkEWvXTPLwFFPJLFOglF9YN5OhIWyMG4/s1600/2016-02-21_18-21-46.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvEsM-ExCZY75fjOulPpbJIdkS0a0PU3MDgWUwQHXR50fVf3VEVbF7BhTm_4TaJQBdeZBM0P1rUFk4PQcFb7TQGSa93ImdrFl6c0LN6nV8X06XkEWvXTPLwFFPJLFOglF9YN5OhIWyMG4/s640/2016-02-21_18-21-46.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="color: red; font-family: inherit;"><strong>•Schools:</strong></span><br />
<span style="font-family: inherit;">หมวดนี้อาจจะไม่ถือเป็น education นัก แต่จะมีจุดประสงค์หลักสำหรับใช้ในการจัดการศึกษา การทำห้องเรียนเสมือนที่ ครูผู้สอนและผู้เรียนสามารถมาเรียรู้ร่วมกัน หรือนำเสนอแนวคิด ระดมความคิดเห็น ตอบข้อสงสัยของผู้เรียน ซึ่งถือเป็นอีกวิธีการที่ดีสำหรับครูผู้สอนและผู้เรียนจะได้ทำงานร่วมกันในบล็อกนี้</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIUgPhTOILtzpQaVymfmI3iSpWOL1P7_Ca7QJuFZhcIVE0oNF6CrpmH-GHtL6DBcAze3Ko0Pn2SKouDK31WgffWykMYhIOr11ThnH9Ew5b4hyphenhyphen3H9EK8-OYKORqLe46fp7SKK7B292cImg/s1600/2016-02-21_18-18-52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="492" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIUgPhTOILtzpQaVymfmI3iSpWOL1P7_Ca7QJuFZhcIVE0oNF6CrpmH-GHtL6DBcAze3Ko0Pn2SKouDK31WgffWykMYhIOr11ThnH9Ew5b4hyphenhyphen3H9EK8-OYKORqLe46fp7SKK7B292cImg/s640/2016-02-21_18-18-52.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"></span><br />
<span style="color: red; font-family: inherit;"><strong>•Non-profits:</strong></span><br />
<span style="font-family: inherit;">เป็นบล็อกที่จัดทำขึ้นโดยหน่วยงาน องค์กร มูลนิธิการกุศลต่างๆ ที่ไม่มุ่งหวังทางการค้า หากำไรในการดำเนินการ ซึ่งบล็อกเหล่านี้ จะเป็นช่องทางในการระดมทุน การรวมตัวของกลุ่มคน กลุ่มชน เพื่อการสร้างสรรงานที่เป็นการกุศลในด้านต่างๆ </span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizMP7feeYcIFk2JMtetjbcjLhWDbv6G1ksE4E3XUk0XWKAdNKUZA5aBVU1UuJ5zqN3swYFZYLbOeQnLxzGkc5CmPGUl7Rrx8_QOOM8U0pqINb15rC2npqmZT54sftJaB8pGcBWCpsFPyw/s1600/2016-02-21_18-26-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizMP7feeYcIFk2JMtetjbcjLhWDbv6G1ksE4E3XUk0XWKAdNKUZA5aBVU1UuJ5zqN3swYFZYLbOeQnLxzGkc5CmPGUl7Rrx8_QOOM8U0pqINb15rC2npqmZT54sftJaB8pGcBWCpsFPyw/s640/2016-02-21_18-26-09.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><strong><span style="color: red;">•Politics:</span></strong> </span><br />
<span style="font-family: inherit;">แต่เดิมในบล็อกกลุ่มนี้ทางฝั่งซีกโลกตะวันตกจะใช้บล็อกสำหรับสนับสนุนกิจกรรมทางการเมือง อาทิ การติดต่อสื่อสาร การส่งข่าวสาร ความเคลือนไหว ผ่านบล็อก แต่ในปัจจุบัน หมายรวมถึงการนำเสนอเรื่องราว แนวคิด บทวิเคราะห์ บทวิจารณ์ด้านการเมืองโดยเฉพาะ</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4d_hEd4we2NdfY2sCpVg_OmVn2vbaG9uy-iggmrTgHu6OsTT7Tq83WRJWm27WDEcW2f1mh2W2wGuJuio5VLH51xxjgqaIDOU0wqZ8WFx71t7l1-Lp3CrkROvfBk69KjJ6nAJVYlMWePk/s1600/2016-02-21_18-14-31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4d_hEd4we2NdfY2sCpVg_OmVn2vbaG9uy-iggmrTgHu6OsTT7Tq83WRJWm27WDEcW2f1mh2W2wGuJuio5VLH51xxjgqaIDOU0wqZ8WFx71t7l1-Lp3CrkROvfBk69KjJ6nAJVYlMWePk/s640/2016-02-21_18-14-31.jpg" width="570" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><span style="color: red;"><strong>•Military:</strong></span> </span><br />
<span style="font-family: inherit;">บล็อกกิจการทหาร ถือกำเนิดจากที่ใช้เป็นเวทีในการบอกเล่ารายละเอียด การรายงานแบบไม่เป็นทางการ ในสิ่งต่างๆที่กองทหาร(ซีกโลกตะวันตก) ไปประจำการยังต่างแดน โดยจะรายงานสิ่งที่พวกเขาเห็นสิ่งที่เกิดขึ้นในส่วนต่างๆของโลก นอกจากนี้ยังใช้เป็นอีกช่องทางในการติดต่อกับครอบครัวของพวกเขาด้วย</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-yLVwPPeKtUbnXCqJ-vueOAG4_Mbaq456iuNS18GY6DaHpZnmcj3M0BdKdOmZjunFKFPFbthcDK-3rCjH844XO4BWe0rOy8lR7T4lQ0jKG7kaBj7WPGc0DJb6q77zZOyAz-I-Sg9IBB0/s1600/2016-02-21_18-16-20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="488" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-yLVwPPeKtUbnXCqJ-vueOAG4_Mbaq456iuNS18GY6DaHpZnmcj3M0BdKdOmZjunFKFPFbthcDK-3rCjH844XO4BWe0rOy8lR7T4lQ0jKG7kaBj7WPGc0DJb6q77zZOyAz-I-Sg9IBB0/s640/2016-02-21_18-16-20.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><strong><span style="color: red;">•Private:</span></strong> </span><br />
<span style="font-family: inherit;">บล็อกประเภทนี้ถือเป็นบล็อกอยู่ในวงแคบ เพื่อจุดประสงค์ในการจดบันทึกส่วนตัว หรือแบ่งปันในเรื่องเฉพาะกับกลุ่มของตน อาทิแบ่งปันภาพถ่าย วิดีทัศน์ หรือข้อมูลภายในครอบครัว, ภายในองค์กร ภายในบริษัท หรือสถานศึกษาเท่านั้น</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUSvI_sYGEgY-JfDAYQUg6dNVH8lMaqCbsVJHWm8sIvScEqY_IjQ6a0mHwHnf4IwLxBDGYH-ZOPstD08Qx2J5X9aU6YRmeKg2GZy22gNoms81YHVXSZ_ItBRY2ei_HB7tgU3QyO0VaTI/s1600/2016-02-21_18-09-45.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUSvI_sYGEgY-JfDAYQUg6dNVH8lMaqCbsVJHWm8sIvScEqY_IjQ6a0mHwHnf4IwLxBDGYH-ZOPstD08Qx2J5X9aU6YRmeKg2GZy22gNoms81YHVXSZ_ItBRY2ei_HB7tgU3QyO0VaTI/s640/2016-02-21_18-09-45.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWL6wzC7TRm6qusnn-WC7-SbUtTg0rhFGG0h6GUPI3-Y1JRxGq9XuiOzpEJqNCB6KXmD4emuRYVAkBQUCRmkYKJyQdjqdpc_8u68rE2RdR0EBbMmouINZ622-sNJJ9emgc4MkkLFXOc7s/s1600/2016-02-21_18-06-50.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWL6wzC7TRm6qusnn-WC7-SbUtTg0rhFGG0h6GUPI3-Y1JRxGq9XuiOzpEJqNCB6KXmD4emuRYVAkBQUCRmkYKJyQdjqdpc_8u68rE2RdR0EBbMmouINZ622-sNJJ9emgc4MkkLFXOc7s/s640/2016-02-21_18-06-50.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><span style="color: red;"><strong>•Sports:</strong></span> </span><br />
<span style="font-family: inherit;">เป็นอีกบล็อกที่นำเสนอเรื่องราวด้านกีฬา โดยเฉพาะ อาทิ สโมสรกีฬา ที่จะมีการนำเสนอนักกีฬาที่มีผู้นิยมชมชอบ เป็นแฟนกีฬาในสโมสรหรือเฉพาะตัวได้ติดต่อ หรือการแสดงออก การแสดงความรู้สึกของแฟนกีฬา ถึงตัวนักกีฬาโดยตรง</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8L3ExmKhKKXp73h0slHfv0gBd62JZmcpNRlD3lOUXUGlbrf_yXaJFPx8SAr_cZGJ9R09EeSI-FC3bmXapmU09N4O_mFXlnYlag2yxcDakrepIiOb0RvC8TzhQmjHU_tav_FreN86RQVA/s1600/2016-02-21_18-00-22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8L3ExmKhKKXp73h0slHfv0gBd62JZmcpNRlD3lOUXUGlbrf_yXaJFPx8SAr_cZGJ9R09EeSI-FC3bmXapmU09N4O_mFXlnYlag2yxcDakrepIiOb0RvC8TzhQmjHU_tav_FreN86RQVA/s640/2016-02-21_18-00-22.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"><strong><span style="color: red;">•How-to, tips and reviews:</span></strong> </span><br />
<span style="font-family: inherit;">เป็นอีกกลุ่มของบล็อกที่มีความหลากหลาย มีผู้ทำขึ้นมาเป็นจำนวนมาก เพื่อนำเสนอเรื่องราว เทคนิค เคล็ดลับ วิธีการส่วนตัว หรือรวบรวมมาบอกเล่า เผยแพร่ แบ่งปันประสบการณ์ ในเรื่องราวต่างๆ อาทิ ในกลุ่มไอที กลุ่มเครื่องยนต์ รถยนต์ การประกอบอาหาร เกม เพลง หนังสือ ภาพยนตร์ เป็นต้น</span><br />
<span style="font-family: inherit;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUzlvx1ufb2WH2ZSa16aAchXAh8jOJ9U4MllCLnOFSJerbMx7Ic5hr2CpYzM7VXfQa6iNdzRs24RoBMTr1GsGbHtYCmd5ifctsSh8Trc_OxwwHBiLLZtrluZM0J5Li4kNDqdp1vVNMRrE/s1600/2016-02-21_18-03-54.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUzlvx1ufb2WH2ZSa16aAchXAh8jOJ9U4MllCLnOFSJerbMx7Ic5hr2CpYzM7VXfQa6iNdzRs24RoBMTr1GsGbHtYCmd5ifctsSh8Trc_OxwwHBiLLZtrluZM0J5Li4kNDqdp1vVNMRrE/s640/2016-02-21_18-03-54.jpg" width="640" /></span></a></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"></span></span><span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: inherit;">นอกจากนี้ยังรูปแบบการแบ่งประเภทของบล็อกในกฎเกณฑ์อื่นๆอีก ลองศึกษาดูนะครับ</span></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: inherit;"></span></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><a href="http://www.profkrg.com/26-types-blog-posts">http://www.profkrg.com/26-types-blog-posts</a></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><a href="http://blogambitions.com/blogs-with-highest-searches/"><span style="font-family: inherit; font-size: x-small;">http://blogambitions.com/blogs-with-highest-searches/</span></a><br /><a href="http://www.socialmediaexaminer.com/12-types-of-blog-posts/"><span style="font-family: inherit; font-size: x-small;">http://www.socialmediaexaminer.com/12-types-of-blog-posts/</span></a></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><a href="http://writetodone.com/the-7-types-of-blogger-which-one-are-you/"><span style="font-family: inherit; font-size: x-small;">http://writetodone.com/the-7-types-of-blogger-which-one-are-you/</span></a></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><a href="https://blog.leadpages.net/types-of-blogs/"><span style="font-family: inherit; font-size: x-small;">https://blog.leadpages.net/types-of-blogs/</span></a></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><a href="http://www.socialmediaexaminer.com/12-types-of-blog-posts/"><span style="font-family: inherit; font-size: x-small;">http://www.socialmediaexaminer.com/12-types-of-blog-posts/</span></a></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"><a href="http://www.problogger.net/archives/2011/09/03/52-types-of-blog-posts-that-are-proven-to-work/"><span style="font-family: inherit; font-size: x-small;">http://www.problogger.net/archives/2011/09/03/52-types-of-blog-posts-that-are-proven-to-work/</span></a></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;"></span></span><br />mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0Thailand15.870032 100.992541000000070.21741150000000076 80.338244000000074 31.5226525 121.64683800000007tag:blogger.com,1999:blog-2410629364297314670.post-68253036647117159262016-02-21T15:01:00.001+07:002017-02-07T20:44:44.212+07:00รู้จักเรื่องของบล็อก<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJVTkX1DpyOcK2Kpsc2VKOSjqtm9GMaUKzDskucpb0aBWeYg-T7CsBKxEN5NsBPuaoP97UImTf-jRWer49K6BgtAh2bh3NFIqTQ-6YEaydEagp9ejUTIUUss-m1fYCgCQTdMsY7QD4agM/s1600/blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img aea="true" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJVTkX1DpyOcK2Kpsc2VKOSjqtm9GMaUKzDskucpb0aBWeYg-T7CsBKxEN5NsBPuaoP97UImTf-jRWer49K6BgtAh2bh3NFIqTQ-6YEaydEagp9ejUTIUUss-m1fYCgCQTdMsY7QD4agM/s320/blog.jpg" width="320" /></a></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<br /></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
</div>
<br />
<strong><span style="color: red;">รู้จักบล็อกกันก่อน</span></strong><br />
บล็อก ( blog) เป็นคำรวมมาจากคำว่า เว็บล็อก (weblog) เป็นรูปแบบเว็บไซต์ประเภทหนึ่ง ซึ่งถูกเขียนขึ้นในลำดับที่เรียงตามเวลาในการเขียน ซึ่งจะแสดงข้อมูลที่เขียนล่าสุดไว้แรกสุด บล็อกโดยปกติจะประกอบด้วย ข้อความ ภาพ ลิงก์ ซึ่งบางครั้งจะรวมสื่อต่างๆ ไม่ว่า เพลง หรือวิดีโอในหลายรูปแบบได้ จุดที่แตกต่างของบล็อกกับเว็บไซต์โดยปกติคือ บล็อกจะเปิดให้ผู้เข้ามาอ่านข้อมูล สามารถแสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็นคนเขียน ซึ่งทำให้ผู้เขียนสามารถได้ผลตอบกลับโดยทันที คำว่า "บล็อก" ยังใช้เป็นคำกริยาได้ซึ่งหมายถึง การเขียนบล็อก และนอกจากนี้ผู้ที่เขียนบล็อกเป็นอาชีพก็จะถูกเรียกว่า "บล็อกเกอร์"<br />
<br />
<br />
<strong><span style="color: red;">สังคมบล็อก</span></strong><br />
สังคมบล็อก หมายถึง พื้นที่บนอินเตอร์เน็ท เพื่อให้ผู้ที่ต้องการนำเสนอบทความ สามารถแบ่งบัน เรื่องราว รูปภาพ รูปถ่าย อันส่งผลประโยชน์ แกผู้เข้ารับชม อันนี้คือสิ่งที่จำกัดความหมายของสังคมบล็อก ตั้งเป้าหมายไว้ โดยผู้ใช้ สามารถที่จะหา ผลประโยชน์จาก บทความที่ตนเอง เป็นผู้นำเสนอ โดยอาจจะมีการ นำเสนอโฆษณา พร้อมๆ กับการนำเสนอ บทความ แล้วแต่ความต้องการของผู้ใช้ อย่างอิสระ<br />
อนึ่ง การใช้งานระบบสังคมบล็อก มีเนื้อหาของการนำเสนอ โดยจะต้องเป็นลิขสิทธิ์เฉพาะของ ผู้นำเสนอ ระหว่างผู้ใช้งานด้วยกัน ไม่อาจจะทำการสำเนา เอกสารดังกล่าวได้ เพียงแต่สามารถทำการลิงก์เชื่อมโยง เพื่อส่งผลโดยตรงต่อผู้ใช้งานทั่วไป ให้สามารถใช้งานระบบได้อย่างเกิดประโยชน์สูงสุด<br />
<br />
<strong><span style="color: red;">ความเป็นมาของบล็อก</span></strong><br />
ในความเป็นจริงแล้วบล็อกมีมาในช่วงยุคต้นๆของการมีเว็บไซต์เลยทีเดียว(ช่วงประมาณปี ค.ศ.1992) โดยบล็อกมีต้นตระกูลมาจากเว็บประเภทหนึ่งที่เรียกว่า What’s New ซึ่งในยุคแรกขณะนั้นยังมีเว็บไซต์จำนวนไม่มากนัก เจ้าหน้าที่ของสถาบันวิจัยนิวเคลียร์ภาคพื้นยุโรป (CERN) ได้เป็นผู้เริ่มสร้างเว็บสำหรับนำเสนอข่าวเกี่ยวกับวงการเว็บ รวมถึงแจ้งข่าวสารเว็บไซต์ที่เกิดใหม่ โดยทำในลักษณะเป็นลิงค์ชี้ไปยังเว็บไซต์นั้นๆ และมีคำอธิบายว่ามันคืออะไร มีอะไรน่าสนใจบ้าง จากนั้นก็มีผู้ทำ What’s New ในลักษณะต่างๆ มากมาย จนถึงปี ค.ศ.1997 นายจอร์น บาร์เกอร์ (Jorn Barger) เจ้าของเว็บไซต์ <a href="http://www.robotwisdom.com/">http://www.robotwisdom.com/</a> ซึ่งเป็นเว็บที่มีลักษณะเป็น บล็อก อาจกล่าวได้ว่าเป็นบล็อกรุ่นแรกๆ ก็ได้คิดคำว่า weblog ขึ้นมา <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGCuWybZ75wZrjhFAReZiRYTMVPX6hKaRtsArl9UqfNTj08Q8aEY8DpH5kPZZq2pwRN46EHHjBf0k3drw0iCAC7TmpUOa7tn-Dgyiwo8heDeClJHZcmgtq76Fi6KorKfmkK7d5QMnXXfU/s1600/Peter-Merholz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGCuWybZ75wZrjhFAReZiRYTMVPX6hKaRtsArl9UqfNTj08Q8aEY8DpH5kPZZq2pwRN46EHHjBf0k3drw0iCAC7TmpUOa7tn-Dgyiwo8heDeClJHZcmgtq76Fi6KorKfmkK7d5QMnXXfU/s640/Peter-Merholz.jpg" width="640" /></a></div>
<br />
ต่อมาในปี ค.ศ.1999 ปีเตอร์ เมอร์โฮลซ์ (Peter Merholz) เจ้าของ <a href="http://www.peterme.com/">http://www.peterme.com/</a> ประกาศว่า ต่อไปเขาจะอ่านคำว่า <strong>weblog</strong> ว่า “<strong><span style="color: red;">วี - บล็อก</span></strong>” และจะเรียกสั้น ๆ ว่า blog “<strong><span style="color: red;">บล็อก</span></strong>” เนื่องจากในยุคสมัยนั้น ยังมีคนใช้บล็อกจำนวนไม่มากนัก และความคิดนี้ ถือเป็นความคิดที่แปลกใหม่น่าสนใจ นับตั้งแต่นั้นมาจนถึงวันนี้ คำว่า บล็อก จึงกลายเป็นคำที่ได้รับความนิยมไปทั่ว และถูกใช้กันอย่างแพร่หลาย แม้ว่า weblog นั้นดูจะเป็นภาษาทางการมากกว่าคำว่า blog แต่ก็ยังมีผู้เรียกขาน weblog อยู่เช่นกัน<br />
<br />
<span style="font-family: "verdana" , sans-serif;">
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjja_JQBd_hcaHmAYiBxLz9O9tpunHDhRWnnyzkZfT__js-XrSpOiZ4Q9vCtn9uTovr1XKTXJcFpJOowrhvt7JUWdu2ASDdBakUCSAhvmv7BulAwUucLwJQzJpek4T3PI_3oee93USef58/s1600/2017-02-07_20-37-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="592" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjja_JQBd_hcaHmAYiBxLz9O9tpunHDhRWnnyzkZfT__js-XrSpOiZ4Q9vCtn9uTovr1XKTXJcFpJOowrhvt7JUWdu2ASDdBakUCSAhvmv7BulAwUucLwJQzJpek4T3PI_3oee93USef58/s640/2017-02-07_20-37-12.png" width="640" /></a></span></div>
<span style="font-family: "verdana" , sans-serif;">
</span><br />
<div class="MsoNormal" style="border: currentColor; margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGptTO7pnth0ON4lTZnYHqMFbzFs2CK5ubaKe-wPsw7fSJ_8-DGpHrpYKBhoZcZ-FDH6m1QlAsEEWdMDc4j8WjNORikawd0TrCYD03zxT4C5RfmWDl13PTWnsHpNJJvgLk0upBTGPV8kI/s1600/blogger1.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: "verdana" , sans-serif;"><img aea="true" border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGptTO7pnth0ON4lTZnYHqMFbzFs2CK5ubaKe-wPsw7fSJ_8-DGpHrpYKBhoZcZ-FDH6m1QlAsEEWdMDc4j8WjNORikawd0TrCYD03zxT4C5RfmWDl13PTWnsHpNJJvgLk0upBTGPV8kI/s400/blogger1.jpg" width="400" /></span></a><span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;">ใน ปี ค</span><span style="color: black; mso-fareast-font-family: CordiaNew;">.<span lang="TH">ศ</span>.1999 <span lang="TH">เริ่มมีบริการช่วยสร้างบล็อกฟรี ที่เกิดขึ้นในช่วงเวลาไล่เลี่ยกัน ได้แก่ <a href="http://www.blogger.com/"><span style="color: #1d81b6;">http://www.blogger.com/</span></a> (เวทีที่ท่านกำลังอ่าน) <span lang="TH">และ</span> <a href="http://www.pitas.com/" target="_blank"><span style="color: #1d81b6;">http://www.pitas.com/</span></a> <span lang="TH">ทั้งสองเว็บไซต์เปิดให้บริการแก่สมาชิก ซึ่งจะให้เครื่องมือในการ</span></span></span><span style="color: black; mso-fareast-font-family: CordiaNew;">logger.com</span><span lang="TH" style="color: black; mso-fareast-font-family: CordiaNew;">สร้างบล็อก โดยจะใช้งานเครื่องมือเหล่านี้ผ่านทางเว็บบราวเซอร์ หากใครที่มีพื้นที่จัดเก็บเว็บไซต์อยู่แล้ว ก็สามารถสร้างบล็อกแล้วนำบล็อกไปเก็บไว้ในพื้นที่จัดเก็บเว็บไซต์ของตนเองได้เลย หรือถ้าไม่มีพื้นที่เก็บเว็บไซต์ ก็สามารถฝากบล็อกไว้กับผู้ให้บริการได้อีกด้วย เมื่อมีเครื่องมือลักษณะนี้มาให้บริการ ทำให้การสร้างบล็อกเป็นเรื่องที่ง่ายมาก ๆ ผู้สร้างบล็อกเพียงแค่ใส่ข้อมูลอย่างเดียวและไม่จำเป็นต้องรู้เรื่องการสร้างเว็บก็ได้ เลยทำให้วงการบล็อกเป็นที่สนใจ และทำให้มีบล็อกใหม่ ๆ เนื้อหาที่หลากหลายเกิดขึ้นมากมาย</span></span><br />
<span style="font-family: "verdana";"></span> </div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KDLq83_tPf0XGWkQVY3nVIX6nWx3qx2gB2ndfzgU7Bk2T3qYggaMVnW7nKcP0GILO3Yg7K9gApEn0ZarvuFV6CCdn25kJvYSYYf-Y6hTTgPYJ9JIdHiAYy1Qiq8Xc6sd6AmG-0oQRe4/s1600/twitter-600x250.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KDLq83_tPf0XGWkQVY3nVIX6nWx3qx2gB2ndfzgU7Bk2T3qYggaMVnW7nKcP0GILO3Yg7K9gApEn0ZarvuFV6CCdn25kJvYSYYf-Y6hTTgPYJ9JIdHiAYy1Qiq8Xc6sd6AmG-0oQRe4/s640/twitter-600x250.gif" width="640" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><br />
<span style="font-family: inherit;">โดยปกติการสร้างบล็อก สามารถสร้างได้ง่ายผ่านเครือข่ายอินเทอร์เน็ต ของผู้ให้บริการสร้าง Blog ฟรี ซึ่งจะมีเครื่องมือสนับสนุนให้ผู้สร้างเนื้อหาสามารถสร้างสรรงานเขียนได้อย่างง่ายและรวดเร็ว ปัจจุบันมีที่นิยมหลายแห่ง อาทิ </span><a href="http://www.blogger.com/"><span style="font-family: inherit;">http://www.blogger.com/</span></a><span style="font-family: inherit;"> , </span><a href="http://www.wordpress.com/"><span style="font-family: inherit;">http://www.wordpress.com/</span></a><span style="font-family: inherit;">, เป็นต้น<br />
สำหรับบ้านเราหก็นิยมสร้างบล็อกเป็นเครื่องมือช่วยในการประกอบธุรกิจ การค้าผ่านอิเล็กทรอนิกส์ การแลกเปลี่ยนความรู้ออนไลน์ การใช้เพื่อเป็นแหล่งข้อมูลข่าวสาร อาทิ </span><a href="http://bloggang.com/"><span style="font-family: inherit;">http://bloggang.com/</span></a><span style="font-family: inherit;"> </span><a href="http://www.oknation.net/blog/index.php"><span style="font-family: inherit;">http://www.oknation.net/blog/index.php</span></a><span style="font-family: inherit;"> และ </span><a href="http://gotoknow.org/"><span style="font-family: inherit;">http://gotoknow.org/</span></a><span style="font-family: inherit;"> <br />
<br />
</span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"></span><span style="font-family: inherit;"> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9lHjgmPihkGQ0B-9ZcyKVe7h1bALDWIVnbJ576b4_-Uf1COG6G88SyqzyOA_mg_tLAdx9jNBS-UXYiCzAEVRgyfcSgHvy6MTtPZm7LaQyxrlLbxC3b01iMx_REjq59qDnGSpTx9yP8QU/s1600/2016-02-21_18-06-50.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9lHjgmPihkGQ0B-9ZcyKVe7h1bALDWIVnbJ576b4_-Uf1COG6G88SyqzyOA_mg_tLAdx9jNBS-UXYiCzAEVRgyfcSgHvy6MTtPZm7LaQyxrlLbxC3b01iMx_REjq59qDnGSpTx9yP8QU/s640/2016-02-21_18-06-50.jpg" width="640" /></a></span></div>
<br /></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"></span><span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;"><span style="color: red;"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH" style="font-family: "verdana" , sans-serif;"><strong></strong></span></span></span></span></span></span></span></span></span><br />
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;"><span style="color: red;"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH" style="font-family: "verdana" , sans-serif;"><strong>ลักษณะสำคัญของบล็อก</strong></span></span></span></span></span><br />1. <span lang="TH">แสดงเนื้อหาเป็นชุด ๆ และแต่ละชุดมีวันที่ ที่บันทึกเนื้อหากำกับไว้อย่างชัดเจน</span></span></span></span></span><br />
</div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;">2. <span lang="TH">เรียงลำดับเนื้อหาตามวันที่ โดยข้อความใหม่ล่าสุดที่บันทึกเข้าไป จะถูกแสดงอยู่ด้านบนสุดของหน้าเว็บไซต์ ส่วนข้อความที่บันทึกเข้าไปก่อนหน้านั้น จะอยู่ถัดลงไปเรื่อย ๆ</span></span></span></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="font-family: inherit;"> </span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;">3. <span lang="TH">มีการสะสมชุดเนื้อหาย้อนหลัง ผู้อ่านสามารถค้นหาตามวัน เดือน ปี</span> (archive) <span lang="TH">หรือค้นหาจาก คำสำคัญ</span> (tag) <span lang="TH">ได้</span></span></span></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span lang="TH"></span></span></span><span style="font-family: inherit;"> </span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;">4. <span lang="TH">อาจอนุญาตให้ผู้อ่านสามารถแสดงความคิดเห็น</span> (comment) <span lang="TH">ที่มีต่อเนื้อหาได้</span></span></span></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="font-family: inherit;"> </span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;">5. <span lang="TH">อาจมีการจัดหมวดหมู่ของเนื้อหาออกเป็นกลุ่ม ๆ</span> (category) <span lang="TH">เช่น บล็อกหนึ่ง ๆอาจไม่ได้มีเนื้อหาเพียงเรื่องเดียว เพราะเจ้าของบล็อกมีความสนใจในหลาย ๆ เรื่อง เพื่อให้สะดวกในการอ่าน จึงทำการแยกเป็นหลายหมวดหมู่ไว้ ตัวอย่างเช่น บันทึกประจำวัน</span>, <span lang="TH">แนะนำเว็บ</span>,<span lang="TH">วิเคราะห์ข่าว</span>, <span lang="TH">วิจารณ์ภาพยนตร์ เป็นต้น</span></span></span></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span lang="TH"></span></span></span><span style="font-family: inherit;"> </span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;">6. <span lang="TH">อาจมี</span> RSS Feed <span lang="TH">เพื่อให้สะดวกในการติดตามการอัพเดทข้อมูลของบล็อกนั้น ๆและเพื่อความสะดวกในการอ่านบล็อกโดยที่ไม่ต้องเข้ามาอ่านที่บล็อกจริง ๆ</span></span></span></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span lang="TH"></span></span></span><span style="font-family: inherit;"> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokg3ekgTbXEdkm6SQ5ruu1Hx6KVkfv99TngsKfv5uBNrhF1N7Z5oO3oe4ejqOgOdN7HPfYl3H5FAeM6TX08Ykb6JYqQewq7yns2FEI07xqR_DNNxFOP-EpV8fskiavVxALzoW4l_1188/s1600/2016-02-21_18-16-20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="488" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokg3ekgTbXEdkm6SQ5ruu1Hx6KVkfv99TngsKfv5uBNrhF1N7Z5oO3oe4ejqOgOdN7HPfYl3H5FAeM6TX08Ykb6JYqQewq7yns2FEI07xqR_DNNxFOP-EpV8fskiavVxALzoW4l_1188/s640/2016-02-21_18-16-20.jpg" width="640" /></a></div>
</div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; mso-layout-grid-align: none;">
<span style="color: black; mso-fareast-font-family: CordiaNew;"><span style="font-family: "verdana" , sans-serif;"><span lang="TH"></span></span></span><span style="color: red;"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH"><span style="mso-fareast-font-family: CordiaNew-Bold;"><span lang="TH" style="font-family: inherit;"><strong>ประโยชน์ของบล็อก</strong></span></span></span></span></span></div>
<div style="mso-layout-grid-align: none;">
<span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">ประโยชน์ของบล็อกมีมากมายหลายประการ อันได้แก่</span><span style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: inherit;"> </span></div>
<div style="mso-layout-grid-align: none;">
<strong><span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">1.เป็นสื่อโษณา ประชาสัมพันธ์</span></strong><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;"><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">ถือได้ว่าบล็อคเป็นเว็บที่เจาะกลุ่มเป้าหมายของผู้คนที่ใช้เครือข่ายอินเทอร์เน็ตเป็นหลัก</span><span style="color: black; mso-fareast-font-family: CordiaNew;"> </span><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">การวางกลยุทธ์การตลาดในแวดวงธุรกิจไม่อาจพึ่งพาแค่ แผ่นพับ ใบปลิว หรือการลงโฆษณาตามหนังสือพิมพ์ การโฆษณาผ่านวิทยุ โทรทัศน์</span><span style="color: black; mso-fareast-font-family: CordiaNew;"> </span><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">ซึ่งช่องทางที่กล่าวนับวันยิ่งมีค่าใช้จ่ายในการประชาสัมพันธ์สูง การใช้บล็อกเพื่อประชาสัมพันธ์ จึงเป็นอีกวิธีการที่มีค่าการลงทุนที่ต่ำ แต่สามารถส่งผลทางการตลาดที่สูงขึ้นได้ นอกจากนี้ในภาครัฐมีหลายแห่งที่ใช้บล็อกเป็นเครื่องมือ ช่องทางในการเผยแพร่ข่าวสารของหน่วยงานอีกทางหนึ่งด้วย</span></span></span></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;"></span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></span><span style="font-family: inherit;"> </span></div>
<div style="mso-layout-grid-align: none;">
<b><span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew-Bold; mso-hansi-font-family: Verdana;">2. เป็นแหล่งให้ข้อมูลความรู้ เฉพาะเรื่อง</span></b><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">ปัจจุบันข่าวสารต่าง ๆ รวมถึงเทคโนโลยี มีการเปลี่ยนแปลงรวดเร็วมาก จนหนังสือหรือสิ่งพิมพ์ต่าง ๆ ล้าสมัย หรือไม่สามารถออกได้ทันตามความต้องการของผู้ที่สนใจ การใช้บล็อกเป็นอีกช่องทางหนึ่งในการให้ข้อมูล ถือเป็นสิ่งที่สำคัญมาก เพราะว่าการสร้างบล็อก ไม่ต้องเสียค่าใช้จ่ายมาก และสามารถเขียนหรือปรับปรุงแก้ไขข้อความที่เขียนได้อย่างรวดเร็วง่ายดาย จึงมีผู้ที่มีความรู้หลายต่อหลายท่านใช้บล็อกเป็นที่เผยแพร่ความรู้ เช่น</span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;"><span style="color: black; mso-fareast-font-family: CordiaNew;"> </span><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;"><a href="http://www.blognone.com/"><span lang="EN-US"><span style="color: #1d81b6;">http://www.blognone.com/</span></span></a> (บล็อกที่นำเสนอเรื่องราวเกี่ยวกับเทคโนโลยีใหม่ ๆ</span><span style="color: black; mso-fareast-font-family: CordiaNew;"> </span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></span></span></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: inherit;"><span style="color: black; mso-fareast-font-family: CordiaNew;"> <a href="http://www.oknation.net/blog/black">http://www.oknation.net/blog/black</a> (</span><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">บล็อกวิเคราะห์ข่าวของคุณสุทธิชัย หยุ่น)</span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IZDDK99AadKwm_AYH2qln5VaY8DZTacv9L42JwHcU5MUYZahXHTHzJslCJ1YVo0p5qdjZXokiReUJWaRdYjKlf5I8gb7NmF9PMnuXj0hJ9mxzKW3biZ3znTRYKkETuIdLDSEgsVz5mU/s1600/2016-02-21_20-17-32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IZDDK99AadKwm_AYH2qln5VaY8DZTacv9L42JwHcU5MUYZahXHTHzJslCJ1YVo0p5qdjZXokiReUJWaRdYjKlf5I8gb7NmF9PMnuXj0hJ9mxzKW3biZ3znTRYKkETuIdLDSEgsVz5mU/s640/2016-02-21_20-17-32.jpg" width="640" /></a></div>
</div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: "verdana" , sans-serif;"><span lang="TH" style="color: black; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;"></span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></span><span style="font-family: inherit;"> </span></div>
<div style="mso-layout-grid-align: none;">
<b><span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew-Bold; mso-hansi-font-family: Verdana;">3. เป็นพื้นที่แลกเปลี่ยนความคิดเห็น</span></b><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">ปัจจุบันบล็อกถือเป็นช่องทางที่ใช้แลกเปลี่ยนความคิดเห็นได้อีกทางหนึ่ง เพราะบล็อกส่วนใหญ่ มักจะอนุญาตให้ผู้อ่านแสดงความคิดเห็นของตนที่มีต่อข้อความในบล็อกนั้น ๆ ได้ ซึ่งอาจจะเป็นการให้คำแนะนำ หรือจะเป็นการแสดงความเห็นด้วย/ไม่เห็นด้วยกับข้อความในบล็อกนั้น ๆ การแลกเปลี่ยนความคิดเห็นระหว่างผู้เขียนบล็อกและผู้อ่านบล็อกสามารถทำให้เกิดเป็นสังคมย่อย ๆ ขึ้นมา</span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<div style="mso-layout-grid-align: none;">
<span style="font-family: inherit;"> </span></div>
<div style="mso-layout-grid-align: none;">
<strong><span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew-Bold; mso-hansi-font-family: Verdana;">4. เป็นเวทีการเรียนรู้</span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></strong></div>
<div style="mso-layout-grid-align: none;">
<span lang="TH" style="color: black; font-family: inherit; mso-ascii-font-family: Verdana; mso-fareast-font-family: CordiaNew; mso-hansi-font-family: Verdana;">นอกจากจะเป็นแหล่งข้อมูลเฉพาะเรื่องแล้ว สถานศึกษา หรือครู และบุคลากรทางการศึกษา ยังใช้บล็อก เป็นอีกกลไก หรือเครื่องมือในการเผยแพร่ความรู้เนื้อหา เพิ่มเติมจากหลักสูตร หรือเป้นเวทีสำหรับให้ลูกศิษย์เข้ามาแสดงความคิดเห็น หรือตอบคำถามต่างๆ</span><span lang="TH" style="color: red; mso-fareast-font-family: CordiaNew-Bold;"></span></div>
<br />mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0Thailand15.870032 100.992541000000070.21741150000000076 80.338244000000074 31.5226525 121.64683800000007tag:blogger.com,1999:blog-2410629364297314670.post-81720333290656659812016-02-19T15:00:00.000+07:002017-02-04T19:29:05.188+07:00การเพิ่ม Code วัน เวลา ปฎิทิน ประดับในบล็อก (2)หลังจากนำ Code Script เพื่อเพิ่ม วัน เวลา และปฎิทิน มาให้ได้แต่งเติมไปแล้ว ใน <a href="http://mediathailand-blogger.blogspot.com/2016/02/blogger-19-code-1.html">http://mediathailand-blogger.blogspot.com/2016/02/blogger-19-code-1.html</a> ซึ่งจะเป็น Code script แบบ HTML5 ล้วนๆ เพราะแบบ Flash อาจจะไม่สามารถ แสดงข้อมูล ออกมาหรือ ไม่สมบูรณ์ โดยเฉพาะ Smartphone Android OS ได้ ในบทเรียนนี้ จึงแนะนำการใช้ภาษา code ที่เป็น HTML 5 มาใช้แทน ซึ่งเป็น code สำเร็จรูปเรียบง่าย แต่ ดูดี ก่อนอื่นหากท่านที่ยังไม่รู้วิธีทำ ก็ขอทบทวนการติดตั้งกันอีกที ดังนี้<br />
<br />
การสร้างงานต้องทำผ่าน แดชบอร์ด ตรงส่วน <strong>Layout </strong>หรือ<strong> รูปแบบ </strong>ซึ่งมีอยู่ใน Blogger เอง โดยมีวิธีการ ดำเนินการ ดังนี้<br />
<br />
1.เปิด แดชบอร์ด ไปที่ Setting หรือส่วนการตั้งค่า <br />
<br />
2.เลือกรายการ <strong>Layout </strong>หรือ <strong>รูปแบบ</strong> ที่ฝั่งซ้าย ดังภาพด้านล่าง เมื่อได้ Layout Page มาแล้ว ให้กำหนดตำแหน่งที่ท่านจะวาง ส่วนที่ใช้วาง code script<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45vWevBKDa17szmKE3vqFWHBsWsB3NQ3rpjV8wuo_gzvZtIdg0y2Jt4E7s2fpAS5zVCv8mQ4Zye639cj-wI4GZoYTgJ7t02r0VaoVmaTwXv-5p1CyvsImVE0R629GuO_Yl2XMNKLPwN8/s1600/47-45.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45vWevBKDa17szmKE3vqFWHBsWsB3NQ3rpjV8wuo_gzvZtIdg0y2Jt4E7s2fpAS5zVCv8mQ4Zye639cj-wI4GZoYTgJ7t02r0VaoVmaTwXv-5p1CyvsImVE0R629GuO_Yl2XMNKLPwN8/s640/47-45.gif" width="640" /></a></div>
<div style="text-align: left;">
<br />
3. เมื่อกำหนดบริเวณได้แล้ว ให้คลิกเลือกรายการ <span style="color: blue;"><strong>Add a Gadget</strong></span> หรือ <strong>เพิ่ม Gadget</strong> ที่อยู่ในบริเวณนั้น ซึ่งจะเกิดหน้าต่าง Add a Gadget เลือกหารายการ ที่ชื่อว่า HTML/Java Script คลิกเลือกที่เครื่องหมาย +</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC8Ttxvis2myc4wibkroIlpTXTBByWjSmVFBTX-449i89ANocVT3FPL69BlNdNASmjQ-UhiELRvfzqZu6x7EkZtaTvnNfTv4pN0A4a3HbKsnOBVZ2sRKgm2HTfKO1-IBzfLfOv9Ej_O58/s1600/2016-02-17_19-49-29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC8Ttxvis2myc4wibkroIlpTXTBByWjSmVFBTX-449i89ANocVT3FPL69BlNdNASmjQ-UhiELRvfzqZu6x7EkZtaTvnNfTv4pN0A4a3HbKsnOBVZ2sRKgm2HTfKO1-IBzfLfOv9Ej_O58/s1600/2016-02-17_19-49-29.jpg" /></a></div>
<div style="text-align: left;">
<br /></div>
<center>
</center>
<div style="text-align: left;">
4. จะเกิดกรอบหน้าต่างสำหรับวาง code script ดังภาพ</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoA8kslq7sFb03CaOy8MjaUZkvk11auT05Kok1kYLYoWCfemy-KL2NcEmicqSYzAhhdJaYRLY-gKSiiHSOP9K5dP-uVYuc13dJBYOgDlvlk7HRAzl2y1gKvCSz98minMxssUgbvYusIo/s1600/2016-02-17_19-54-52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoA8kslq7sFb03CaOy8MjaUZkvk11auT05Kok1kYLYoWCfemy-KL2NcEmicqSYzAhhdJaYRLY-gKSiiHSOP9K5dP-uVYuc13dJBYOgDlvlk7HRAzl2y1gKvCSz98minMxssUgbvYusIo/s1600/2016-02-17_19-54-52.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
5. ทำการตั้งชื่อ และนำ code ที่ต้องการวางลงในพื้นที่เขียน script </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
6. คลิกปุ่ม บันทึก แล้วปิดหน้าต่างได้</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
7. ตรงตำแหน่งที่กำหนดไว้ ก็จะมีนาฬิการ หรือ ปฎิทิน แสดงผล ตามที่กำหนดไว้</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<strong><span style="color: red;">หมายเหตุ</span></strong> : หากต้องการแสดงผล ให้อยู่ตรงกลาง ให้เพิ่ม คำสั่ง Tag Center ลงไป </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3 class="separator" style="clear: both; text-align: center;">
<center> ................ส่วนที่เป็น code script..................... </center></h3>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
ดูชุดหนึ่ง ที่ <a href="http://mediathailand-blogger.blogspot.com/2016/02/blogger-19-code-1.html">http://mediathailand-blogger.blogspot.com/2016/02/blogger-19-code-1.html</a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><strong>ต่อไปนี้เรามาดูรูปแบบพร้อม Code คำสั่งในแต่ละแบบกัน เป็นชุดที่ 2 </strong></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt161.html" style="border-image: none; border: 0px currentColor; height: 50px; margin: 0px; overflow: hidden; padding: 0px; width: 170px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<br />
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;"src="http://www.clocktag.com/html5/dt161.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt162.html" style="border-image: none; border: 0px currentColor; height: 50px; margin: 0px; overflow: hidden; padding: 0px; width: 170px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;" src="http://www.clocktag.com/html5/dt162.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt163.html" style="border-image: none; border: 0px currentColor; height: 50px; margin: 0px; overflow: hidden; padding: 0px; width: 170px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;" src="http://www.clocktag.com/html5/dt163.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt172.html" style="border-image: none; border: 0px currentColor; height: 50px; margin: 0px; overflow: hidden; padding: 0px; width: 190px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:190px;height:50px;" src="http://www.clocktag.com/html5/dt172.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt173.html" style="border-image: none; border: 0px currentColor; height: 50px; margin: 0px; overflow: hidden; padding: 0px; width: 190px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:190px;height:50px;" src="http://www.clocktag.com/html5/dt173.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/m192.html" style="border-image: none; border: 0px currentColor; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m192.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/m193.html" style="border-image: none; border: 0px currentColor; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m193.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/m196.html" style="border-image: none; border: 0px currentColor; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m196.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t21.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t21.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t22.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t22.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t23.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t23.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t12.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t12.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t13.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t13.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/t11.html" style="border-image: none; border: 0px currentColor; height: 120px; margin: 0px; overflow: hidden; padding: 0px; width: 120px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t11.html"></iframe><br />
<br />
<br />
<div style="text-align: center;">
.................................................................</div>
<strong><span style="color: red;">ข้อควรระวัง</span></strong><br />
อย่านำ code นี้ ไปใช้ในหลายที่นัก เพราะ อาจจะทำให้การแสดงผล ช้าลง mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-41649355393435299272016-02-19T14:58:00.000+07:002017-02-04T19:28:35.776+07:00การเพิ่ม code วัน เวลา ปฎิทิน ประดับในบล็อก (1)<div class="clear">
</div>
<div class="post-body entry-content">
วันนี้ นำเทคนิคพิเศษหนึ่งมาใช้ประดับให้บล็อกดูมีสีสันและมีเสน่ห์ นั้นคือการเพิ่มนาฬิกา และปฎิทิน ที่จริงแล้วมีสคริปคำสั่งที่แสดงผลได้ ทั้งแบบ HTML5 และ แบบ Flash แต่เนื่องจากในบาง Device สคริปที่มาจาก Flash อาจไม่สามารถแสดงข้อมูลโดยเฉพาะ Smartphone Android OS ได้ ในบทเรียนนี้ จึงแนะนำการใช้ภาษา code ที่เป็น HTML 5 มาใช้แทน ซึ่งเป็น code สำเร็จรูปเรียบง่าย แต่ ดูดี <span style="color: red;">(เนื่องจากการนำ code script มาแสดงผลเป็นจำนวนมาก อาจส่งผลให้การแสดงผลบนบล็อกช้าลงจึงขอแบ่งออกเป็น 2 ชุด)</span><br />
<br />
การสร้างงานต้องทำผ่าน แดชบอร์ด ตรงส่วน <strong>Layout </strong>หรือ <strong>รูปแบบ </strong>ซึ่งมีอยู่ใน Blogger เอง โดยมีวิธีการ ดำเนินการ ดังนี้<br />
<br />
1.เปิด แดชบอร์ด ไปที่ Setting หรือส่วนการตั้งค่า <br />
<br />
2.เลือกรายการ <strong>Layout </strong>หรือ <strong>รูปแบบ</strong> ที่ฝั่งซ้าย ดังภาพด้านล่าง เมื่อได้ Layout Page มาแล้ว ให้กำหนดตำแหน่งที่ท่านจะวาง ส่วนที่ใช้วาง code script<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45vWevBKDa17szmKE3vqFWHBsWsB3NQ3rpjV8wuo_gzvZtIdg0y2Jt4E7s2fpAS5zVCv8mQ4Zye639cj-wI4GZoYTgJ7t02r0VaoVmaTwXv-5p1CyvsImVE0R629GuO_Yl2XMNKLPwN8/s1600/47-45.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45vWevBKDa17szmKE3vqFWHBsWsB3NQ3rpjV8wuo_gzvZtIdg0y2Jt4E7s2fpAS5zVCv8mQ4Zye639cj-wI4GZoYTgJ7t02r0VaoVmaTwXv-5p1CyvsImVE0R629GuO_Yl2XMNKLPwN8/s640/47-45.gif" width="640" /></a></div>
<br />
3. เมื่อกำหนดบริเวณได้แล้ว ให้คลิกเลือกรายการ <span style="color: blue;"><strong>Add a Gadget</strong></span> หรือ <strong>เพิ่ม Gadget</strong> ที่อยู่ในบริเวณนั้น ซึ่งจะเกิดหน้าต่าง Add a Gadget เลือกหารายการ ที่ชื่อว่า HTML/Java Script คลิกเลือกที่เครื่องหมาย +<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC8Ttxvis2myc4wibkroIlpTXTBByWjSmVFBTX-449i89ANocVT3FPL69BlNdNASmjQ-UhiELRvfzqZu6x7EkZtaTvnNfTv4pN0A4a3HbKsnOBVZ2sRKgm2HTfKO1-IBzfLfOv9Ej_O58/s1600/2016-02-17_19-49-29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC8Ttxvis2myc4wibkroIlpTXTBByWjSmVFBTX-449i89ANocVT3FPL69BlNdNASmjQ-UhiELRvfzqZu6x7EkZtaTvnNfTv4pN0A4a3HbKsnOBVZ2sRKgm2HTfKO1-IBzfLfOv9Ej_O58/s1600/2016-02-17_19-49-29.jpg" /></a></div>
<br />
<br />
<center>
</center>
4. จะเกิดกรอบหน้าต่างสำหรับวาง code script ดังภาพ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoA8kslq7sFb03CaOy8MjaUZkvk11auT05Kok1kYLYoWCfemy-KL2NcEmicqSYzAhhdJaYRLY-gKSiiHSOP9K5dP-uVYuc13dJBYOgDlvlk7HRAzl2y1gKvCSz98minMxssUgbvYusIo/s1600/2016-02-17_19-54-52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoA8kslq7sFb03CaOy8MjaUZkvk11auT05Kok1kYLYoWCfemy-KL2NcEmicqSYzAhhdJaYRLY-gKSiiHSOP9K5dP-uVYuc13dJBYOgDlvlk7HRAzl2y1gKvCSz98minMxssUgbvYusIo/s1600/2016-02-17_19-54-52.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
5. ทำการตั้งชื่อ และนำ code ที่ต้องการวางลงในพื้นที่เขียน script </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
6. คลิกปุ่ม บันทึก แล้วปิดหน้าต่างได้</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
7. ตรงตำแหน่งที่กำหนดไว้ ก็จะมีนาฬิการ หรือ ปฎิทิน แสดงผล ตามที่กำหนดไว้</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<strong><span style="color: red;">หมายเหตุ</span></strong> : หากต้องการแสดงผล ให้อยู่ตรงกลาง ให้เพิ่ม คำสั่ง Tag Center ลงไป </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3 class="separator" style="clear: both; text-align: center;">
<center> ................ส่วนที่เป็น code script..................... </center></h3>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><strong>ต่อไปนี้เรามาดูรูปแบบพร้อม Code คำสั่งในแต่ละแบบกัน</strong></span></div>
<div class="separator" style="clear: both; text-align: left;">
<strong><span style="color: red;"></span></strong> </div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"></span> </div>
<span style="color: red;"></span><strong></strong><br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/d171red1.html" style="border-image: none; border: 0px currentColor; height: 80px; margin: 0px; overflow: hidden; padding: 0px; width: 175px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<br />
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;"src="http://www.clocktag.com/html5/d171red1.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/d171black1.html" style="border-image: none; border: 0px currentColor; height: 80px; margin: 0px; overflow: hidden; padding: 0px; width: 175px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<br />
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;" src="http://www.clocktag.com/html5/d171black1.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/d171blue1.html" style="border-image: none; border: 0px currentColor; height: 80px; margin: 0px; overflow: hidden; padding: 0px; width: 175px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;" src="http://www.clocktag.com/html5/d171blue1.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt41.html" style="border-image: none; border: 0px currentColor; height: 25px; margin: 0px; overflow: hidden; padding: 0px; width: 270px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<div style="text-align: center;">
</div>
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:270px;height:25px;" src="http://www.clocktag.com/html5/dt41.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt151.html" style="border-image: none; border: 0px currentColor; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 130px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<br />
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:130px;height:100px;" src="http://www.clocktag.com/html5/dt151.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt152.html" style="border-image: none; border: 0px currentColor; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 130px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:130px;height:100px;" src="http://www.clocktag.com/html5/dt152.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt231.html" style="border-image: none; border: 0px currentColor; height: 130px; margin: 0px; overflow: hidden; padding: 0px; width: 165px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<br />
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt231.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<br />
<br />
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt232.html" style="border-image: none; border: 0px currentColor; height: 130px; margin: 0px; overflow: hidden; padding: 0px; width: 165px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt232.html"></iframe><br />
<br />
<div style="text-align: center;">
.................................................................</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<iframe src="http://www.clocktag.com/html5/dt233.html" style="border-image: none; border: 0px currentColor; height: 130px; margin: 0px; overflow: hidden; padding: 0px; width: 165px;">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div style="text-align: left;"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe><br /></div>
<strong>code ที่ใช้</strong><br />
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt233.html"></iframe> <br />
<br />
<div style="text-align: center;">
.................................................................</div>
<strong><span style="color: red;">ข้อควรระวัง</span></strong><br />
อย่านำ code นี้ ไปใช้ในหลายที่นัก เพราะ อาจจะทำให้การแสดงผล ช้าลง <br />
<br />
ดู Code Script ชุดที่ 2 ที่ <a href="http://mediathailand-blogger.blogspot.com/2016/02/blogger-20-code-2.html">http://mediathailand-blogger.blogspot.com/2016/02/blogger-20-code-2.html</a></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-78449681373208158122016-02-19T14:57:00.000+07:002017-02-04T19:53:27.453+07:00การลบ Comment<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYEsVv5C5yB_cdqYm5RdaSS4e8grb3XefJJWqcEe5BTgl2VAStlm47YEx7xfcnHiZhffWXjBTdnQpLzEwAgEogmHbZUyLWAQbtR6q7qijq8Ul36hVJV8ozCBJS7dSDOPf3D_TnQkFqzI/s1600/no_spam.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYEsVv5C5yB_cdqYm5RdaSS4e8grb3XefJJWqcEe5BTgl2VAStlm47YEx7xfcnHiZhffWXjBTdnQpLzEwAgEogmHbZUyLWAQbtR6q7qijq8Ul36hVJV8ozCBJS7dSDOPf3D_TnQkFqzI/s1600/no_spam.png" width="320" /></a><br />
ผู้ใช้งาน Blogger ในระยะยาวที่เปิดให้คนทั่วไปสามารถแสดงความคิดเห็นที่เรียกว่า comment จะประสบปัญหาหนึ่งที่ส่งผลต่อการเผยแพร่ผลงาน นั่นคือ comment ที่แฝงการโฆษณา หรือใช้ข้อความก่อกวน ซึ่งเราจะพบว่าข้อความเหล่านั้นไม่ระบุชื่อผู้ส่ง สิ่งเหล่านี้ เราอาจจะเรียกมันว่า SPAM ก็คงไม่ผิด หากมาทีละข้อความก็อาจจะลบได้ทางหน้าเนื้อหานั้นๆได้ แต่ถ้าเข้ามาเป็นจำนวนมาก การลบทีละข้อความ นับเป็นภาระที่หนัก และเกิดความรำคาญ ในบทความนี้ จะแนะนำให้ท่านสามารถเข้าถึง comment เหล่านั้น และเลือกลบข้อความต่างๆมากกว่า 1 รายการได้ เรามาดูวิธีการกัน<br />
<br />
1.ไปที่หน้า Dashboard<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5-MO8qFsJdux8H7nDbCnhXUffg8ayqNLEYr4TvEhE3oYDNkP87ksyWxEqINB7JOjpZIipJ1QkvAnZb9JtIPPkolGE53uDIOP5BV2ZwuVW4yUNX955xrx8MQ70o4CEFzm5p5K4lVCgdc/s1600/3-26-2015+19-11-33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="395" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5-MO8qFsJdux8H7nDbCnhXUffg8ayqNLEYr4TvEhE3oYDNkP87ksyWxEqINB7JOjpZIipJ1QkvAnZb9JtIPPkolGE53uDIOP5BV2ZwuVW4yUNX955xrx8MQ70o4CEFzm5p5K4lVCgdc/s1600/3-26-2015+19-11-33.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
2.ที่เมนูรายการด้านซ้าย คลิกเลือกรายการความคิดเห็น (Comments) จะพบรายการความคิดเห็นที่มีผู้โพสต์เข้ามา ให้ทำการคลิกเลือกที่ช่อง checkbox </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivuYyi48Bs-1TijxuBn2zrHakDRl_hYbEnYIJbwYjfRrsn2B9mi1mmNx_GozB3Rw5LoVBAGBv9lbK_YQUuaVS2VebK9U9FK9mS88blS3RyyVQZMb7qM8_c9I9R86wYfE5FmPbHgQdqIhA/s1600/3-26-2015+19-18-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivuYyi48Bs-1TijxuBn2zrHakDRl_hYbEnYIJbwYjfRrsn2B9mi1mmNx_GozB3Rw5LoVBAGBv9lbK_YQUuaVS2VebK9U9FK9mS88blS3RyyVQZMb7qM8_c9I9R86wYfE5FmPbHgQdqIhA/s1600/3-26-2015+19-18-23.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
3.ทำการคลิกที่ปุ่มลบ หรือหากคิดว่าสิ่งนั้นมาจากแหล่งก่อกวน ให้เลือกรายการ สแปม ได้เลย ระบบจะป้องกันการก่อกวนนี้จากเลข IP หรือชื่อของผู้ส่ง เป็นการถาวร mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-5435288936623677682016-02-19T14:55:00.002+07:002017-02-04T19:27:23.134+07:00การเพิ่มแบบสอบถามจาก Google ลงในหน้าบล็อก<div class="post-header">
<span class="post-author vcard">Post By :> <span class="fn">mediathailand</span> </span> <span class="post-timestamp">AT> <a class="timestamp-link" href="http://mediathailand.blogspot.com/2015/02/blogger-17-google.html" rel="bookmark" title="permanent link"><abbr class="published" title="2015-02-08T12:21:00+07:00"><span style="color: #1d81b6;">Sunday, February 08, 2015</span></abbr></a> </span> <span class="post-comment-link"><a class="comment-link" href="http://mediathailand.blogspot.com/2015/02/blogger-17-google.html#comment-form"><span style="color: #1d81b6;">0 ความคิดเห็น</span></a> </span> </div>
<br />
<div class="clear">
</div>
<div class="post-body entry-content">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSEbQGHXlsO5ZDOKaRNbchjRWHPI_W3eF59u14Pwr5r4ZqMuMgYe4gxxC_DmL06jOOGBzbpsTBLf17y_NmrKW7ZK8FrnGCIFMDgAPUlAPJsRXmMY32Z3l3vs9pBCrV0fbCKnGsPI63j6I/s1600/04.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSEbQGHXlsO5ZDOKaRNbchjRWHPI_W3eF59u14Pwr5r4ZqMuMgYe4gxxC_DmL06jOOGBzbpsTBLf17y_NmrKW7ZK8FrnGCIFMDgAPUlAPJsRXmMY32Z3l3vs9pBCrV0fbCKnGsPI63j6I/s1600/04.gif" width="320" /></a><br />
ปัจจุบันการใช้แบบสอบถามออนไลน์เป็นที่นิยมอย่างแพร่หลายในเกือบทุกวงการ ไม่ว่าภาคธุรกิจ การสร้างงานวิจัยต่างๆ หรือแม้กระทั่งวงการศึกษา สำหรับผู้ใช้ Application ภายใต้ร่มเงาของ Google ซึ่งรวมถึง Blogger ที่ท่านกำลังใช้งานอยู่ในขณะนี้ ก็สามารถใช้คำสั่ง เพื่อนำฟอร์มของแบบสอบถามที่ท่านสร้างไว้ผ่าน Google Drive ซึ่งอาจจะมีหลากหลายวิธีการ แต่ mediathailand นี้จะขอเสนอวิธีการหนึ่งที่ไม่ยาก โดยมีวิธีการ ดังนี้<br />
<br />
1.ก่อนดำเนินการ ท่านต้องสร้างแบบสอบถามให้เรียบร้อยด้วย<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SpJV0yejom3GTUhQuLOs0-xpSqVwcKgZMSCIPgQ0Bu8065hLYEqByRoeeXnXE5KtImHdMMxYPF0402bYew44rPi37xRL0QWC_SMrZ2M6jxsi9b4RmJqdRmUuz5HbIoK5HDGkcX-hRnc/s1600/43-31.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="472" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SpJV0yejom3GTUhQuLOs0-xpSqVwcKgZMSCIPgQ0Bu8065hLYEqByRoeeXnXE5KtImHdMMxYPF0402bYew44rPi37xRL0QWC_SMrZ2M6jxsi9b4RmJqdRmUuz5HbIoK5HDGkcX-hRnc/s1600/43-31.gif" width="640" /></a></div>
<br />
2. เปิดหรือเลือกไฟล์แบบสอบถามที่ท่านสร้างไว้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF660Roq9aL6IZsJqkqCgDO5JHvip2U8DDTnm3chb4qO0_GMrBnIAnvP0-t6ZwgcxDDurJ69QeVs8CU9ua_nPcHcGwRxg3BCmw5Z5Dp4xtChYD4QwWu5IGgBsSP8yjdfTVNeRpIA3Et3g/s1600/48-32.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="472" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF660Roq9aL6IZsJqkqCgDO5JHvip2U8DDTnm3chb4qO0_GMrBnIAnvP0-t6ZwgcxDDurJ69QeVs8CU9ua_nPcHcGwRxg3BCmw5Z5Dp4xtChYD4QwWu5IGgBsSP8yjdfTVNeRpIA3Et3g/s1600/48-32.gif" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
3. ทำการคลิกที่ปุ่ม <span style="color: blue;">ส่งฟอร์ม</span> (สีฟ้า) ซึ่งจะเกิด หน้าต่างใหม่ซ้อนทับขึ้นมา ซึ่งจะมีรายละเอียด ของการนำไปใช้งานดังภาพข้างล่าง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RWJuKpvzPd_Y_xl9gJYWbNxemvrqg8AdYlRmYpTT-SNKr98f9q1BVC8K8kCAR9QwcYULLvcG0Cv1a5TbFCTW0pbq5ygOp4bGhEdRlvBUVo7KeeBoemoyRGt78vtPnvtzsQuOstlfi5A/s1600/51-40.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RWJuKpvzPd_Y_xl9gJYWbNxemvrqg8AdYlRmYpTT-SNKr98f9q1BVC8K8kCAR9QwcYULLvcG0Cv1a5TbFCTW0pbq5ygOp4bGhEdRlvBUVo7KeeBoemoyRGt78vtPnvtzsQuOstlfi5A/s1600/51-40.gif" width="640" /></a></div>
<br />
ในกรอบวงรีที่แสดง คือ links ที่ท่านจะนำไปใช้งาน ให้ทำการ copy ไว้ ทำการปิดโดยคลิกปุ่ม <strong><span style="color: blue;">เสร็จสิ้น</span></strong> สีฟ้า ดังรูป<br />
<br />
4.ไปที่เว็บ Blogger ที่ท่านเป็นสมาชิก เข้า Login ในฐานะผู้สร้างงาน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoabcEXo3wg_PI6bs8N0-iSBe27JYuCgHLA-yBJcbMsHJFKgB32pklR5Ai2axL9WRqj-BhA4CkNUJTquDI4FB57JRypZ0Qt7Vb-tQiOvHqWqJ9VoqgKjLHRJ_Spo-gHCujK-6U1pTsOo/s1600/16-20.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoabcEXo3wg_PI6bs8N0-iSBe27JYuCgHLA-yBJcbMsHJFKgB32pklR5Ai2axL9WRqj-BhA4CkNUJTquDI4FB57JRypZ0Qt7Vb-tQiOvHqWqJ9VoqgKjLHRJ_Spo-gHCujK-6U1pTsOo/s1600/16-20.gif" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
5. ไปที่หน้าควบคุมระบบบล็อกหรือที่เรียกว่าแดชบอร์ด (Dashboard) แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ รูปแบบ หรือ Layout <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vHbqOqb6lStLaqv6ka5-dDP310o7bGgJFI95kN2a4CSgqSDdbX1vA715eEFERM9saoZ1SiQHqyg3JLs-8x0PLnuuBFWLKlMDcl_TUhx1SaRiykSTjKbUF9U_Vh8F31llHjk5hON47jc/s1600/16-53.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vHbqOqb6lStLaqv6ka5-dDP310o7bGgJFI95kN2a4CSgqSDdbX1vA715eEFERM9saoZ1SiQHqyg3JLs-8x0PLnuuBFWLKlMDcl_TUhx1SaRiykSTjKbUF9U_Vh8F31llHjk5hON47jc/s1600/16-53.gif" width="548" /></a></div>
<br />
6. จะเกิดกลุ่มรายการ Gadget ค่าพื้นฐาน 28 รายการ ให้คลิกเลือกรายการ<br />
<strong><span style="color: red;">HTML/จาวาสคริปต์</span></strong> ดังภาพ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuwCEvl92xoTrlEN-vx-MraPuAkbrrUaz7NzRfUMQOgk0BlU9p-1plBCk6oXCTN5NDHCpJGERhyphenhyphenh9I0OqC0vzwd0i2POSFEUBHcRpArJBNxz6rD4iFJMlGpVoCzBPPIOdUHxw-Ox63vI/s1600/15-35.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuwCEvl92xoTrlEN-vx-MraPuAkbrrUaz7NzRfUMQOgk0BlU9p-1plBCk6oXCTN5NDHCpJGERhyphenhyphenh9I0OqC0vzwd0i2POSFEUBHcRpArJBNxz6rD4iFJMlGpVoCzBPPIOdUHxw-Ox63vI/s1600/15-35.gif" width="548" /></a></div>
<br />
7. จะเกิดหน้าต่างเพื่อวางคำสั่ง ให้ตั้งชื่อ Gadget นี้ (ตามแต่จะตั้งแต่ให้สื่อความหมายด้วย) ในที่นี้ตั้งว่า <strong><span style="color: red;">แบบสอบถามความคิดเห็น</span></strong><br />
<br />
8. ทำการวาง Tag คำสั่งลงไป<br />
-----------------------------------------------------------------------------------------------------------<br />
<span style="color: red;"><div class="separator" style="clear: both; text-align: center;"><br /><br /></div><br /><div><br /><iframe</span> <span style="color: blue;">frameborder="1" name="text" scrolling="yes"</span> <span style="color: magenta;">src="http://goo.gl/forms/pngYJKxb1M"</span> <span style="color: blue;">width="650" height="1000"></span><br />
<span style="color: red;"></iframe><br /></div></span><br />
-----------------------------------------------------------------------------------------------------------<br />
<br />
เฉพาะ<span style="color: red;">สีแดง</span> เป็นส่วนข้อความคำสั่งบังคับ<br />
<span style="color: magenta;">เฉพาะสีชมพู คือ link from ที่สร้างจาก Google ตามที่ท่านได้ copy ไว้</span><br />
ส่วนสีนำเงินปรับตัวเลขได้<br />
<span style="color: blue;">width=650 ความกว้างของแบบสอบถาม</span><br />
<span style="color: blue;">height=1000 ความสูงของแบบสอบถาม</span><br />
<span style="color: blue;">frameborder=1 กำหนดเลข 1 แสดงขอบ ไม่ให้แสดง เป็น 0</span><br />
<span style="color: blue;">scrolling=yes กำหนดให้แสดงแถบ scroll bar ด้านข้าง yes แสดง no ไม่แสดง</span><br />
<span style="color: blue;"></span><br />
<span style="color: black;">9. ลากวาง Gadget ตัวนี้ไปยังตำแหน่งที่ต้องการ (ส่วนใหญ่ก็จะไว้ท้ายหน้า)</span><br />
<br />
ผลที่ปรากฎ ด้านล่าง<br />
<br />
<span style="color: black;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzDbGd43NxYD7qmdUAf_8sn61dR4YW3qma1phFA3oIljTLrqYpqMNS_wHFpL3VTTpjyyALfp7b2lbv2Skr560M9BE0XjSS99oFDiZVuNmBr4JOB3GzJ4ZiYRS56S-WA2w8b-tw6mJUXA/s1600/13-13.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzDbGd43NxYD7qmdUAf_8sn61dR4YW3qma1phFA3oIljTLrqYpqMNS_wHFpL3VTTpjyyALfp7b2lbv2Skr560M9BE0XjSS99oFDiZVuNmBr4JOB3GzJ4ZiYRS56S-WA2w8b-tw6mJUXA/s1600/13-13.gif" width="640" /></a></span></div>
</div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-78443937447396767522016-02-19T14:54:00.003+07:002017-02-04T19:52:55.922+07:00การกำหนดสิทธิ์ผู้อ่าน Blogger<strong>การกำหนดสิทธิ์ผู้อ่าน Blogger</strong>โดยปกติ ทุกคนสามารถเข้าอ่าน/ใช้งานบล็อกได้ แต่ในบางกรณี เราอาจต้องการจำกัดผู้ใช้ให้อยู่ในวงจำกัด เช่น เฉพาะในหมู่ผู้เขียน หรือ เฉพาะบุคคลที่ระบุ ก็สามารถทำได้ ดังนี้<br />
1. เข้าไปที่ หน้าควบคุมระบบบล็อกหรือที่เรียกว่าแดชบอร์ด (Dashboard) ของ Blogger <br />
2. เลือก การตั้งค่า (Setting) > พื้นฐาน (Basic)<br />
3. ที่ส่วน Permissions เลือกที่รายการ ส่วนผู้อ่านบล็อก(Blog Readers) คลิกที่ Edit <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxt1_77Sn-jNnTnbO5moud4DgY764AqoyqEkZ9JHqv5uyfvh0IfEbSbKnVFE0J1v1pTBOOhP86a4e2FLow7X6fGyN-JbrLOEeP6yTN4POo59m6y1Mvz-hY5KOSbPdT49jpjIxQAM2WwoA/s1600/4001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxt1_77Sn-jNnTnbO5moud4DgY764AqoyqEkZ9JHqv5uyfvh0IfEbSbKnVFE0J1v1pTBOOhP86a4e2FLow7X6fGyN-JbrLOEeP6yTN4POo59m6y1Mvz-hY5KOSbPdT49jpjIxQAM2WwoA/s1600/4001.png" /></a></div>
<br />
<br />
4. ซึ่งเมื่อคลิกแล้ว จะปรากฎส่วนขยาย ซึ่งมีค่าพื้นฐาน 3 เงื่อนไข คือ<br />
(1) สาธารณะ (Public) สำหรับเผยแพร่ให้ผู้อ่านทั่วไป<br />
(2) ส่วนตัว (Private - Only blog authors) เป็นรูปแบบส่วนตัวเฉพาะกลุ่มผู้เขียนบล็อกเท่านั้น และ <br />
(3) ส่วนตัว (Private - Only these readers) เฉพาะผู้อ่านเหล่านี้เท่านั้น <br />
เงื่อนไขนี้ ถือเป็นระบบปิด ผู้สร้างต้องกำหนดอีเมล์ผู้อ่านปลายทางลงในช่อง <br />
เป็นการให้บริการในแบบสมาชิก หรือ แบบเจาะจงผู้รับ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyJm4evWcL8gFmgoNydSpw20c758Y3dBh8TzyeWY8MFlMcD0JBMaPIdeWnnxNf3_dx1NWXZ66yhksUpjfPB9_bp2p0Qm4sVYq-LhIGDFvEUZCR6-IFv0OgJnxm4WTUOxnBjvj-K7tbDc/s1600/a7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyJm4evWcL8gFmgoNydSpw20c758Y3dBh8TzyeWY8MFlMcD0JBMaPIdeWnnxNf3_dx1NWXZ66yhksUpjfPB9_bp2p0Qm4sVYq-LhIGDFvEUZCR6-IFv0OgJnxm4WTUOxnBjvj-K7tbDc/s1600/a7.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
(ดูแบบภาษาไทย)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEoLyDiCIBRq2QJOYwTahKnh22Ex6bS4NvegkLthyaWkmTnwF8FgOCk7Zxj3PzBwhIe7Rf30Fva9SVR2oghVvPwIiN1_qNOlmWWFpGBYyQ3FXnw8g_mPGUUJ7iJazKYYxrBgRFOwJo1aI/s1600/a8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEoLyDiCIBRq2QJOYwTahKnh22Ex6bS4NvegkLthyaWkmTnwF8FgOCk7Zxj3PzBwhIe7Rf30Fva9SVR2oghVvPwIiN1_qNOlmWWFpGBYyQ3FXnw8g_mPGUUJ7iJazKYYxrBgRFOwJo1aI/s1600/a8.png" /></a></div>
<br />
<br />
4. เมื่อกำหนดเงื่อนไขผู้อ่านเสร็จแล้ว คลิกที่ <strong><span style="color: orange;">ปุ่มบันทึกการเปลี่ยนแปลง (Save changes)</span></strong> ด้วย <br />
<br />mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-41436092377784586502016-02-19T14:53:00.002+07:002017-02-04T19:52:24.410+07:00การกำหนดสิทธิการดูแลและการเขียนบทความของผู้ใช้งานจากการใช้งานตามสภาพจริง ผู้ใช้ Blogger แบ่งตามการใช้งานจะมีอยู่ 2 กลุ่ม คือ <br />
1. ผู้จัดทำหรือผู้สร้างบล็อก และ<br />
2. ผู้อ่านบล็อก <br />
ซึ่งผู้ใช้งานแต่ละประเภท จะมีสิทธิ ในการเข้าถึงส่วนต่างๆของ Blogger ที่แตกต่างกัน และในแต่ละกลุ่ม ยังมีสิทธิในการเข้าถึงที่ไม่เท่ากันอีกด้วย ซึ่งผู้สร้างที่เป็นเจ้าของจริงๆนั้นสามารถกำหนดสิทธิ์ของผู้ใช้งานในแต่ละกลุ่มให้เป็นไปตามความต้องการของผู้จัดทำหรือผู้สร้างได้<br />
<br />
<strong>สิทธิผู้จัดทำหรือผู้สร้างบล็อก</strong><br />
ผู้จัดทำหรือผู้สร้างบล็อก ในแต่ละบล็อก สามารถเพิ่มผู้ร่วมดูแล และผู้เขียน มีได้สูงสุด จำนวน 100 คน โดยแบ่งระดับ ออกเป็น 2 ประเภท คือ Admin (ผู้ดูแล) และ Author (ผู้เขียน) <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxV4P8dGIra41l64jpbJzKujjq9vsFrJu1GJ7sNyXAXfc3NFoMqk68EVuLfleFOFo9HYRAHEHWXnajcmo8wx1v0eB0kOO_nmYXap_kGOYjpWZJQlkz1aa-k2AdIGbRvxQZ9LOeidscIY/s1600/a1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxV4P8dGIra41l64jpbJzKujjq9vsFrJu1GJ7sNyXAXfc3NFoMqk68EVuLfleFOFo9HYRAHEHWXnajcmo8wx1v0eB0kOO_nmYXap_kGOYjpWZJQlkz1aa-k2AdIGbRvxQZ9LOeidscIY/s1600/a1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<strong>การเพิ่มผู้เขียนบล็อก (Author)</strong><br />
<strong></strong><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMYw9jupwHpq89358fIYZIeYyzyCSwgQFPypayqWXxAqRghDxRuhE43yjJB72zSzLshqNT8WxlWe5PRH1RGFgzbJykRTwjbbCawiX7kPlZut8cO_13DKg247tBcIw8RGNN2JVvAmpb7U/s1600/a2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMYw9jupwHpq89358fIYZIeYyzyCSwgQFPypayqWXxAqRghDxRuhE43yjJB72zSzLshqNT8WxlWe5PRH1RGFgzbJykRTwjbbCawiX7kPlZut8cO_13DKg247tBcIw8RGNN2JVvAmpb7U/s1600/a2.png" /></a></div>
<br />
<br />
1.เข้าไปที่ หน้าควบคุมระบบบล็อกหรือที่เรียกว่าแดชบอร์ด (Dashboard) ของ Blogger <br />
2.เลือก การตั้งค่า (Setting) > พื้นฐาน (Basic)<br />
3.ตรงส่วนผู้เขียนบล็อก (Blog Authors) คลิกเพิ่มผู้เขียน (Add authors)<br />
4.พิมพ์อีเมล์ ของผู้ที่จะเชิญมาเป็นผู้เขียน สามารถพิมพ์ได้หลายชื่ออีเมล์ ถ้าพิมพ์หลายชื่ออีเมล์ แต่ละชื่อให้คั่นด้วยเครื่องหมายคอมม่า (,)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglrX9T7venxEgzkDUV2mHqHl9qS_POn6S2b3DIpl_rJK7SJeckuaobsPnjauBb4nTidI8NKUgjgH03zeVDGnc5FWL0TEDoV9awVQsHtT1O0lhcHTho9dYRLeG_vQrAqe1tX45yRLmb6MU/s1600/a3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglrX9T7venxEgzkDUV2mHqHl9qS_POn6S2b3DIpl_rJK7SJeckuaobsPnjauBb4nTidI8NKUgjgH03zeVDGnc5FWL0TEDoV9awVQsHtT1O0lhcHTho9dYRLeG_vQrAqe1tX45yRLmb6MU/s1600/a3.png" /></a></div>
<br />
5.เมื่อพิมพ์อีเมล์ของผู้ที่เชิญในช่องเรียบร้อย คลิกที่ปุ่มเชิญผู้เขียน (Add Authors) Blogger จะส่งเมล์เชิญไปยังอีเมล์ที่ระบุไว้ ซึ่งสิทธิขั้นต้นจะเป็นเพียงผู้เขียน (Authors) โดยอัตโนมัติ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWOnzymqzv6TFpOTCq5JL9-uQCRJbZ2BkjTiipjs2r7QLKSNKaNPyyGiQ8KCWAtR87r1E0-KgF9qwzegS6ugV-x0yYkkkUA1oNnxJnCIUgDA7juRRNoW5gQ6hUjKvwJRcNtX5jxWBYBQ/s1600/a4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWOnzymqzv6TFpOTCq5JL9-uQCRJbZ2BkjTiipjs2r7QLKSNKaNPyyGiQ8KCWAtR87r1E0-KgF9qwzegS6ugV-x0yYkkkUA1oNnxJnCIUgDA7juRRNoW5gQ6hUjKvwJRcNtX5jxWBYBQ/s1600/a4.png" /></a></div>
<br />
ซึ่งหลังจากตอบรับจะปรากฎข้อความแจ้งกลับมาทางระบบผ่านไปทางอีเมล์ของผู้ถูกเชิญ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwNPdWXt0s00DpzmYNv2MhZkmWLZABUpK9PDvV0_unbnZOg4Xam1OWSU3TwMDm601PPEWG-MXh7Bp5i_J_gfufLE5C-tUBmrJnbjFsLzmK-nSvqbFfnzYeqaACCz_6GDBp1Idi6T5od18/s1600/a5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwNPdWXt0s00DpzmYNv2MhZkmWLZABUpK9PDvV0_unbnZOg4Xam1OWSU3TwMDm601PPEWG-MXh7Bp5i_J_gfufLE5C-tUBmrJnbjFsLzmK-nSvqbFfnzYeqaACCz_6GDBp1Idi6T5od18/s1600/a5.png" /></a></div>
<br />
<br />
6.เมื่อผู้ได้รับเชิญ เปิดเมล์ และทำการตอบรับคำเชิญ (Accept invitation) ก็จะปรากฏชื่อของบุคคลนั้น ในกรอบของผู้เขียนบล็อกในหน้าแดชบอร์ด (Dashboard) ของ Blogger ทันที<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqDNLJM7xe5bMahV6WoUP9vDzPvippOVIMOwkR-GxfjhjWP0Ellv0YzRnoDIohpvH4IJgl8dYGGst5E7SfzLDcqIYeNmKwmDn811sdXA5vVcaXK-QKcXqPKjpCnZKkZu4gXWVT_AbsPA/s1600/a6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqDNLJM7xe5bMahV6WoUP9vDzPvippOVIMOwkR-GxfjhjWP0Ellv0YzRnoDIohpvH4IJgl8dYGGst5E7SfzLDcqIYeNmKwmDn811sdXA5vVcaXK-QKcXqPKjpCnZKkZu4gXWVT_AbsPA/s1600/a6.png" /></a></div>
<br />
<br />
7.ถ้าผู้รับเชิญยังไม่มีบัญชี ของ Blogger จะต้องสมัครสมาชิกของ Blogger โดยทำตามขั้นตอนที่ระบุไว้ในอีเมล์<br />
<br />
<strong><span style="color: red;">การเพิ่มผู้ดูแล (Admin)</span></strong><br />
ผู้จัดทำหรือผู้สร้างบล็อกคนแรก สามารถที่จะกำหนดฐานะบุคคลที่เชิญดการยกฐานะผู้เขียนให้เป็นผู้ดูแล ผู้ดูแลทุกคน มีสิทธิ์ยกฐานะผู้เขียนเป็นผู้ดูแล ซึ่งมีวิธีการ ดังนี้<br />
1. ไปที่หน้าควบคุมระบบบล็อกหรือที่เรียกว่าแดชบอร์ด (Dashboard)<br />
2. ไปที่ การตั้งค่า (Setting) > พื้นฐาน (Basic) > สิทธิ์ (Permission)<br />
3. เลือกรายการเงื่อนไขทางขวามือ เพื่อทำการเปลี่ยนสิทธิ์ของผู้เขียนที่ต้องการยกฐานะเป็นผู้ดูแล จากผู้เขียน (Author) เป็นผู้ดูแลระบบ (Admin)<br />
<br />
<span style="color: blue;">หมายเหตุ ในฐานะ Admin ทุกคนท่านสามารถแก้ไข ยกเลิก เปลี่ยนแปลง หรือลบข้อมูลทุกๆด้านได้ ยกเว้น สิทธิเจ้าของบล็อก ดังนั้นการกระทำใดๆ ต้องระมัดระวังด้วย</span> <br />
<br />mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-61902405861341113382016-02-19T14:52:00.002+07:002017-02-04T19:18:56.112+07:00การสมัคร Blogger ด้วยอีเมล์อื่นที่ไม่ใช่ Gmail ตลอดเวลาที่ผ่านมาผู้สมัครใช้งาน Blogger สามารถสมัครเพื่อสร้างบล็อกผ่านการใช้เมล์อื่นๆได้ แต่หลังจากที่ Blogger ได้เป็น Application ส่วนหนึ่งของ Google ไปแล้ว ทำให้ปัจจุบัน ผู้ใช้จะต้องใช้อีเมล์ของ Gmail โดยเฉพาะ <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yCWjKis7li7ig2NBu3hc7ZZfW3-sw49Ap13gayFfX5ACp8r8b10ZHTCsQzmdRmBf-96TM1miZHjxuyMSaR3kFtyYYDxzE2b4jA5fr87Qw3fxoxi2PsWOUDp5G1NxgzoHsdPOxnYnTEs/s1600/8004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yCWjKis7li7ig2NBu3hc7ZZfW3-sw49Ap13gayFfX5ACp8r8b10ZHTCsQzmdRmBf-96TM1miZHjxuyMSaR3kFtyYYDxzE2b4jA5fr87Qw3fxoxi2PsWOUDp5G1NxgzoHsdPOxnYnTEs/s1600/8004.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
แต่ทราบไหมว่า เราสามารถสมัครใช้งานผ่านอีเมล์อื่นๆได้โดยเฉพาะเครือ Hotmail โดย เข้าที่ links นี้</div>
<a href="https://accounts.google.com/SignUpWithoutGmail"><span style="color: #1d81b6;">https://accounts.google.com/SignUpWithoutGmail</span></a><br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0pGUS3QlvvPjvZLgt3xjF5Z1zavlU7l9V-hzg893OpxgXTOgLX6657tXbaO_5vX1CkL5T7nVp_w5bTPALfqyM2FtYToAuDi7fI9IIcJnXH9t8xLnQIfGXZ2GAthNanZPO4rpBeqosZag/s1600/8005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0pGUS3QlvvPjvZLgt3xjF5Z1zavlU7l9V-hzg893OpxgXTOgLX6657tXbaO_5vX1CkL5T7nVp_w5bTPALfqyM2FtYToAuDi7fI9IIcJnXH9t8xLnQIfGXZ2GAthNanZPO4rpBeqosZag/s1600/8005.png" /></a></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-88544820646294106352016-02-19T14:50:00.002+07:002017-02-04T19:26:03.480+07:00การเลือกและติดตั้งธีม(Template) พิเศษ จากภายนอกTemplate หรือ Theme นับเป็นอีกเสน่ห์ของ Blog แม้ว่า Blogger จะมีรูปแบบให้บริการหลากหลายรูปแบบ ที่ผู้ใช้งานสามารถเลือกใช้ได้อย่างอิสระ ในหลายกลุ่ม อาทิ Simple, Dynamic Views, Picture Windows, Awesome Inc., Watermark, Ethereal และ Travel รวม 30 แบบ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPO5JGjHKkNrw-VQf8gZrIwCxZzrIR6u2w473DvtrhLkwwevb1aXwyc_5Y4QsnoqM06emPNxjoofIyfVEG6IeSBLaLy6tLu8nKZhPhGhK_Yui9hbrZd_LIkc0AnE0a_OiyNFGDlEOlHY/s1600/2017-02-04_18-57-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="462" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPO5JGjHKkNrw-VQf8gZrIwCxZzrIR6u2w473DvtrhLkwwevb1aXwyc_5Y4QsnoqM06emPNxjoofIyfVEG6IeSBLaLy6tLu8nKZhPhGhK_Yui9hbrZd_LIkc0AnE0a_OiyNFGDlEOlHY/s640/2017-02-04_18-57-26.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFa_v2ZnZB-D2VXSy59G6VuOmtxJvpV9pPSyhxVfX2-Sv1VAHrETVz3sXBLN624TBuSEO0cMDzNtR0rhr1oDqb1WgAwMybrUdtgWTp0ewvJv42haQx4FndRL4tgdtqhAdfAJ-u3kBSRw/s1600/2017-02-04_18-57-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFa_v2ZnZB-D2VXSy59G6VuOmtxJvpV9pPSyhxVfX2-Sv1VAHrETVz3sXBLN624TBuSEO0cMDzNtR0rhr1oDqb1WgAwMybrUdtgWTp0ewvJv42haQx4FndRL4tgdtqhAdfAJ-u3kBSRw/s640/2017-02-04_18-57-50.png" width="590" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0f7jbSu4KHumAKoqkG4xHd3Yfeq094kG3YdYxe9evQordihLpR2BRVrbBzybpO6x3SsCDTfsKxtQbDu90jSeZwAm4Qx25qi0IIezmZU7UXyiTJbYdm9FrRZc5E52LeMs2RT2a62b-ec4/s1600/2017-02-04_18-58-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0f7jbSu4KHumAKoqkG4xHd3Yfeq094kG3YdYxe9evQordihLpR2BRVrbBzybpO6x3SsCDTfsKxtQbDu90jSeZwAm4Qx25qi0IIezmZU7UXyiTJbYdm9FrRZc5E52LeMs2RT2a62b-ec4/s640/2017-02-04_18-58-13.png" width="640" /></a></div>
<br />
<br />
<br />
นอกจากนี้ ยังอนุญาตให้ผู้ใช้ปรับแต่งเพิ่มเติมทั้งสีสันฉากหลังหรือ Background ปรับขนาดความกว้างของบล็อกที่ Adjust widths รวมถึงสภาพแวดล้อมต่างๆที่ Layout และลักษณะพิเศษอื่นๆ อีก<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjydXXWgvqxvF3eEus-yM-YOdXt3Hj-pG4u23g0zJcqEc9q6qSmSYzSqCWTwWo6MZcb6f-jXX-9DL4QzCOgAAH5HRkVdKbDLQ2sgSx4_9rCaMUgKBz3pi-qjP_qO1yFOAo3R0lgzhuNzsg/s1600/2017-02-04_19-01-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjydXXWgvqxvF3eEus-yM-YOdXt3Hj-pG4u23g0zJcqEc9q6qSmSYzSqCWTwWo6MZcb6f-jXX-9DL4QzCOgAAH5HRkVdKbDLQ2sgSx4_9rCaMUgKBz3pi-qjP_qO1yFOAo3R0lgzhuNzsg/s640/2017-02-04_19-01-10.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
เพื่อให้เห็นกระบวนการดังกล่าว บทความนี้มีวิดีโอ สรุปกระบวนการ ดังกล่าว ดังนี้<br />
<br />
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
แต่จากการที่ Blogger เป็นอีกบล็อกที่มีผู้นิยมใช้มาก ดังนั้นจึงมีผู้สร้างธีม หรือ Template ทั้งแบบต้องเสียค่าใช้จ่าย และแบบให้ใช้บริการฟรี โดยจะขอแนะนำบางเว็บไซต์ อาทิ<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1CDesAnNKR2IGQEIUosgj1s3d_78oU_IRqadS4JVtyIb0HnzA1RCwWwzlpdRFa2y0aZF_mMj46qG5nV1BMWiiY5C2-59Z_EJZ-PJFp2wYv2nsUSAtceQ4UCUdw0zS8jvOzgO79HvJTo/s1600/2017-02-04_19-02-48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1CDesAnNKR2IGQEIUosgj1s3d_78oU_IRqadS4JVtyIb0HnzA1RCwWwzlpdRFa2y0aZF_mMj46qG5nV1BMWiiY5C2-59Z_EJZ-PJFp2wYv2nsUSAtceQ4UCUdw0zS8jvOzgO79HvJTo/s640/2017-02-04_19-02-48.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://btemplates.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://btemplates.com/</span></span></a> </div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WJ5yDf8FtNgubnigXUzD2VpfxHLvJp8RYktkDzDeKrl8nSNigOkrQeLXOtTq7_j6WqgoO1b5O0HXh1JjJicWqv9nwCI4PwBfqbjpHwZZlFGWE8WxktW45sZrurXyvn7lu8hLvMbDtPs/s1600/2017-02-04_19-05-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WJ5yDf8FtNgubnigXUzD2VpfxHLvJp8RYktkDzDeKrl8nSNigOkrQeLXOtTq7_j6WqgoO1b5O0HXh1JjJicWqv9nwCI4PwBfqbjpHwZZlFGWE8WxktW45sZrurXyvn7lu8hLvMbDtPs/s640/2017-02-04_19-05-20.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.soratemplates.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://www.soratemplates.com/</span></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefUrM5_pzRM1hRy4Od9eIjscIyy39NVBmhmnrmStAxWqgGa2ScTLkOTurT5axz_1swbCqfEgDYDvyRyDYcXtKV66dBwevIFOZ7yiL_WIfiIarR2R-3IqGcnk0bZ-JoHUFIgqbzHjS-ug/s1600/2017-02-04_19-06-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="538" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefUrM5_pzRM1hRy4Od9eIjscIyy39NVBmhmnrmStAxWqgGa2ScTLkOTurT5axz_1swbCqfEgDYDvyRyDYcXtKV66dBwevIFOZ7yiL_WIfiIarR2R-3IqGcnk0bZ-JoHUFIgqbzHjS-ug/s640/2017-02-04_19-06-50.png" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.allblogtools.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://www.allblogtools.com/</span></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOiwWCwNVN3Hw2wLmMB900KYNGRMGD-V6I-I8uXoH9CR5qXl6w5qg1R9K4_SVvfVvKpCXDA0DQus3rYmQDENzgbQCxSTMpF9Y81AwAbzA7bVKnKy2TyN9LliH5p6AMgJBXNUatzWKsFo/s1600/2017-02-04_19-08-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOiwWCwNVN3Hw2wLmMB900KYNGRMGD-V6I-I8uXoH9CR5qXl6w5qg1R9K4_SVvfVvKpCXDA0DQus3rYmQDENzgbQCxSTMpF9Y81AwAbzA7bVKnKy2TyN9LliH5p6AMgJBXNUatzWKsFo/s640/2017-02-04_19-08-04.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.zoomtemplate.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://www.zoomtemplate.com/</span></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibv9D_60ZVxdTDX3hNQ46_LVVBdT3RVg8tBcDaV5W8tjcow2NmZgE20QSNJOmG4nWFVzpsWI05hsTJn_Q-IU6m4YzLwO6dhEL4Axb_iQYaO1U6uuxWGzdihni7lr2wrTWDbmIRHCJh2no/s1600/2017-02-04_19-09-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="536" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibv9D_60ZVxdTDX3hNQ46_LVVBdT3RVg8tBcDaV5W8tjcow2NmZgE20QSNJOmG4nWFVzpsWI05hsTJn_Q-IU6m4YzLwO6dhEL4Axb_iQYaO1U6uuxWGzdihni7lr2wrTWDbmIRHCJh2no/s640/2017-02-04_19-09-13.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tremplate.blogspot.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://tremplate.blogspot.com/</span></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_zJnxSW_BuxvHwxAwd05OXFDAUBmpi94QMAjW_TWir6zrCQpmpYWdIgKwRY_wgcoJCotwpypS_VuXGeO_FgXy0pzGNKCGqnrgBOXIq2DpQH_034vKLkcfKsOIkO0EpI_kc-YVjGzlSk/s1600/2017-02-04_19-10-54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="536" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_zJnxSW_BuxvHwxAwd05OXFDAUBmpi94QMAjW_TWir6zrCQpmpYWdIgKwRY_wgcoJCotwpypS_VuXGeO_FgXy0pzGNKCGqnrgBOXIq2DpQH_034vKLkcfKsOIkO0EpI_kc-YVjGzlSk/s640/2017-02-04_19-10-54.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.raytemplates.com/"><span style="font-size: x-small;"><span style="color: #8a050f;">http://www.raytemplates.com/</span></span></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
ในการเลือกใช้ธีม(Template) เพื่อนำไปตกแต่งบล็อกที่ท่านสร้าง จากแหล่งบริการเหล่านี้ สิ่งสำคัญท่านต้องดูหมวดหรือกลุ่ม หรือประเภท ตามความเหมาะสมกับบล็อกของท่านด้วย สิ่งที่ต้องสังเกต ในการเลือกใช้ อาทิ <br />
1.จำนวนคอลัมภ์ในหน้า(จะมี 1, 2, หรือ 3 คอลัมภ์) <br />
2.ประเภทของแม่แบบที่ออกแบบไว้ เช่น กีฬา บันเทิง ท่องเที่ยว การศึกษา ธุรกิจ เทคโนโลยี เป็นต้น<br />
3.สี และภาพรวม(interface) ของบล็อก<br />
4.คุณลักษณะพิเศษเฉพาะ เช่น มีเมนูพิเศษ มีการแสดงภาพพิเศษ เป็นต้น<br />
<br />
<span style="color: red; font-size: small;">การหาธีม</span><br />
มีวิธีการดังนี้ <br />
1. ทำการดาวน์โหลดธีม(Template)จากเว็บไซต์ ตามที่ท่านเลือก<br />
2. ทำการแตกไฟล์ ZIP เลือกไฟล์เฉพาะที่มีนามสกุล .xml<br />
<br />
<span style="color: red; font-size: small;">การติดตั้งธีม</span><br />
มีวิธีการดังนี้ <br />
1. ไปส่วนกำหนด คลิกเลือกที่ Template <br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGWqQDOxjnFBzaIGjfF9GYirhicFnbu0fvpJgflxbhFQnkSbqIwweg7-_cKjxPVY_NPwm3tp6MrWsjBEMhGxh9YbmkBTfrXJD4wTtIg580DVNXMpy4VkZlXC1W9kXK0ktFZxfzY1imUw/s1600/2017-02-04_19-13-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGWqQDOxjnFBzaIGjfF9GYirhicFnbu0fvpJgflxbhFQnkSbqIwweg7-_cKjxPVY_NPwm3tp6MrWsjBEMhGxh9YbmkBTfrXJD4wTtIg580DVNXMpy4VkZlXC1W9kXK0ktFZxfzY1imUw/s640/2017-02-04_19-13-25.png" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
2. ไปที่ปุ่ม Backup/Restore (สำรอง / กู้คืน) ทำการคลิก จะปรากฏหน้าต่างดังภาพด้านล่าง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0PeOaT8ygbvNzwMv6aj4m91xn5h8ohnRviCHQ64iWnTReJdAEG9AKdOmZ0OJ54gbW6SWaCpKn7Q9upWsZg6ULMrAbswb6K6jxRy442lVxi9zSc1m63g8LyIJgdh6fCPBqvYYKF6YxDM/s1600/2017-02-04_19-13-58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0PeOaT8ygbvNzwMv6aj4m91xn5h8ohnRviCHQ64iWnTReJdAEG9AKdOmZ0OJ54gbW6SWaCpKn7Q9upWsZg6ULMrAbswb6K6jxRy442lVxi9zSc1m63g8LyIJgdh6fCPBqvYYKF6YxDM/s640/2017-02-04_19-13-58.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<br />
3. คลิกเลือกที่ปุ่ม Browse เพื่อไปยังแหล่งที่เก็บไฟล์ที่ท่านดาวน์โหลดไว้<br />
<br />
4. เลือกไฟล์ ซึ่งจะมีนามสกุล .xml ตามแหล่งที่เก็บ เลือกแล้วคลิกปุ่ม Open ดังภาพบน<br />
<br />
5. จะกลับมาสู่หน้าต่าง Backup/Restore ให้ คลิกที่ปุ่ม Upload<br />
<br />
6. หน้าบล็อกก็จะเปลี่ยนไปตามธีมที่ท่านต้องการ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-80678095976433899492016-02-19T14:47:00.003+07:002017-02-04T18:46:15.333+07:00การตั้งค่าแสดงความคิดเห็นเฉพาะบางบทความถ้าไม่ต้องการให้มีกรอบข้อความแสดงความคิดเห็น ในแต่ละบทความ ในให้กำหนดบริเวณแถบด้านขวามือ จะมีตัวเลือกเกี่ยวกับความคิดเห็น ในส่วน การตั้งค่าโพสต์ > ตัวเลือก<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtQwjCCuS4FyUAzAxyPF5ixwMV5UV1ynYeMvKlTyEpydbWKpUFAEJ5kQlJ60YN0xmj_Wwyih4oz72m30E_af82XkSQcl7OwthQcJPrBsoNUt98AflEumtm7m67715PbwkXiOr8lBZRns/s1600/bgr507.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtQwjCCuS4FyUAzAxyPF5ixwMV5UV1ynYeMvKlTyEpydbWKpUFAEJ5kQlJ60YN0xmj_Wwyih4oz72m30E_af82XkSQcl7OwthQcJPrBsoNUt98AflEumtm7m67715PbwkXiOr8lBZRns/s320/bgr507.jpg" width="320" /></a></div>
ให้ตั้งค่าตามที่ต้องการ ดังนี้<br />
<ul>
<li>อนุญาต หมายถึงให้มีกรอบแสดงความคิดเห็น ผู้อ่านสามารถแสดงความคิดเห็นไดเ
<li>ไม่อนุญาต แสดงข้อมูลที่มีอยู่ หมายถึง ไม่แสดงกรอบแสดงความคิดเห็น แต่ถ้ามีการแสดงความคิดเห็นไว้ก่อนหน้านี้ จะนำความคิดเห็นที่เคยมีก่อนหน้านี้มาแสดง แต่จะไม่อนุญาตให้แสดงความคิดเห็นเพิ่มเติมได้
<li>ไม่อนุญาต ซ่อนข้อมูลที่มีอยู่ หมายถึง ไม่แสดงกรอบความคิดเห็น และไม่แสดงข้อมูลความคิดเห็นใด ๆ ที่ได้เคยมีการแสดงไว้ก่อน </li>
</li>
</li>
</ul>
<br />
<br />
<strong>2. การจัดการกับความคิดเห็นของผู้อ่านที่เขียนขึ้นบล็อก</strong><br />
<br />
ในกรณีที่อนุญาตให้ผู้อ่านสามารถเขียนแสดงความคิดเห็นได้ ผู้เขียนบล็อกหรือผู้ดูแล สามารถจัดการความคิดเห็นได้ โดยมาที่แดชบอร์ด และคลิกที่ความคิดเห็น<br />
<ol></ol>
<span style="color: purple;"><u>ในกรณีที่ไม่มีการกรองความคิดเห็น</u></span> <br />
<br />
<ol>
<li>จะเห็นมี 2 ตัวเลือก คือ ความคิดเห็นที่เผยแพร่แล้ว และความคิดเห็นที่ระบบดักเอาไว้ไม่แสดงเนื่องจากเป็นสแปม <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPi72chtq7DBgD7n0TR9ezWVBjPwhjo_JJmrQmvhRmJPMAPX4Z9_gt3hON9BdVuXMescHexlDQcOanVJMjImkJqGDldK9hk9aA8w6zXjgzrF_WWwY0NmcA_GTx28c20xHQYCW-yWKfJ8/s1600/bgr509.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPi72chtq7DBgD7n0TR9ezWVBjPwhjo_JJmrQmvhRmJPMAPX4Z9_gt3hON9BdVuXMescHexlDQcOanVJMjImkJqGDldK9hk9aA8w6zXjgzrF_WWwY0NmcA_GTx28c20xHQYCW-yWKfJ8/s1600/bgr509.jpg" /></a></div>
<li>ความคิดเห็นที่เผยแพร่แล้ว จะปรากฏให้สามารถจัดการได้ <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCiE-Dpd50Y6OZaapMnyuIc2EELg_Upj-dKbEetsAnKoAsnfq8EQ-i_DJZNPv2_rVKAUKaZdjsXSPg8NkwTLvtqHvU2RAT8jZW81yWTCAxoNOH56V_yYbGASqE24DSU8yf5ZdJxFPwSy0/s1600/bgr515_publishedCmnts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCiE-Dpd50Y6OZaapMnyuIc2EELg_Upj-dKbEetsAnKoAsnfq8EQ-i_DJZNPv2_rVKAUKaZdjsXSPg8NkwTLvtqHvU2RAT8jZW81yWTCAxoNOH56V_yYbGASqE24DSU8yf5ZdJxFPwSy0/s1600/bgr515_publishedCmnts.jpg" /></a></div>
<ul>
<li>นำเนื้อหาออก: ลบความคิดเห็น แต่จะมีข้อความแสดงว่า ความคิดเห็นนี้ถูกผู้ดูแลระบบห้ามไม่ให้แสดง <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tpQF8h67MisWFWoymiZQxyCZgiqIChiuk2i84yWVkCmxus7gBnoWUkDHPaNM_sRECaFRVQ-7oKNw1F2VkhVYCK7ggAy4Epv9mZqIHuseKHa2kvEdGlXFmymm42tI8hR7hwVUtxv2k_E/s1600/bgr516_removedCmnts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tpQF8h67MisWFWoymiZQxyCZgiqIChiuk2i84yWVkCmxus7gBnoWUkDHPaNM_sRECaFRVQ-7oKNw1F2VkhVYCK7ggAy4Epv9mZqIHuseKHa2kvEdGlXFmymm42tI8hR7hwVUtxv2k_E/s1600/bgr516_removedCmnts.jpg" /></a></div>
<li>ลบ: ลบความคิดเห็นโดยไม่ทิ้งร่องรอยใด ๆ
<li>สแปม: แจ้งว่าเป็นความคิดเห็นที่ก่อกวน ระบบจะจัดการความคิดเห็นนี้ว่าเป็น สแปม </li>
</li>
</li>
</ul>
</li>
</li>
</ol>
<br />
<span style="color: purple;"><u>ในกรณีที่มีการกลั่นกรองความคิดเห็น</u></span> <br />
<ol>
<li> ผู้ดูแลหรือผู้เขียน จะได้รับอีเมลพร้อมลิงค์ แสดงข้อความที่แสดงความคิดเห็น และตัวเลือกให้จัดการ เช่น อนุญาตให้แสดง ลบทิ้ง หรือกำหนดว่าเป็น สแปม <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__eo7Q9qXNHeldKQko30KbTF2x0iKE4LaZHKcBTu_imkmtGRDd8nOuzTWVRECw7Px-E6GB16PxN1Zy9rqeBACT2cYyHGYN1_1n5FEMQJfemseyc9OeYT1jQrUnA4yeiFjVutyXFPvoI4/s1600/bgr514_emailCmnts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__eo7Q9qXNHeldKQko30KbTF2x0iKE4LaZHKcBTu_imkmtGRDd8nOuzTWVRECw7Px-E6GB16PxN1Zy9rqeBACT2cYyHGYN1_1n5FEMQJfemseyc9OeYT1jQrUnA4yeiFjVutyXFPvoI4/s1600/bgr514_emailCmnts.jpg" /></a></div>
<li>เมื่อผู้เขียนเข้ามาที่ แดชบอร์ด เมื่อคลิกความคิดเห็น จะเห็นมีข้อความ "รอการกลั่นกรอง"
<li>เมื่อคลิก รอการกลั่นกรอง ทำให้สามารถจัดการกับความคิดเห็น คือ อนุญาตให้เผยแพร่ได้ หรือลบทิ้ง หรือ กำหนดว่าเป็นสแปม ไม่ต้องการให้แสดง <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKT23S6OQImoEfLK6tuSD7QOAZSp2QE9fQ7NPPwye7zIq0ww1UsOHWqGP1L4LDb8uR2wAIFIEB0ir5vLriidT7nQkilWyfy_6rcSTNiwj2TqPg7DIHQAdamSCDaVepSWhY0BH2qCgpBA/s1600/bgr513_allowCmnts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKT23S6OQImoEfLK6tuSD7QOAZSp2QE9fQ7NPPwye7zIq0ww1UsOHWqGP1L4LDb8uR2wAIFIEB0ir5vLriidT7nQkilWyfy_6rcSTNiwj2TqPg7DIHQAdamSCDaVepSWhY0BH2qCgpBA/s1600/bgr513_allowCmnts.jpg" /></a></div>
</li>
</li>
</li>
</ol>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-38772210753094980842016-02-19T14:46:00.000+07:002017-02-04T18:45:42.712+07:00การบริหารและจัดการส่วนแสดงความคิดเห็นการจัดการข้อคิดเห็น ส่วนแสดงความคิดเห็น หรือที่เรียกว่าการ Comments ของ บล็อก เจ้าของบล็อกสามารถกำหนดเงื่อนไขด้ใน 2 ลักษณะ คือ<br />
<br />
<ol>
<li>การกำหนดให้แสดงความคิดเห็นได้
<li>การจัดการกับความคิดเห็นของผู้อ่านที่เขียนขึ้นบล็อก </li>
</li>
</ol>
<strong>1. การกำหนดให้แสดงความคิดเห็นได้</strong><br />
<br />
ในบล็อก เราสามารถกำหนดให้มีกรอบข้อความสำหรับแสดงความคิดเห็น หรือไม่ ก็ได้ กรอบข้อความนี้ จะอยู่ต่อท้ายจากเนื้อหาของบล็อกในแต่ละเรื่องที่เปิดให้ผู้อ่านร่วมแสดงความคิดเห็นในเนื้อหานั้นๆ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEium68kQmWrvZLogqEbEpWP2JvcZHg6OP2xf6_RnXFDPgvWv9-tUDxy-pxRI0DiElJ6IkUh-QXVJD93w02VeRnxh90aiuniQmJAP0h9oFIpvFZr1-26-MkIQ0fdhxkA10SkIsbRGgc8iFY/s1600/blog401.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEium68kQmWrvZLogqEbEpWP2JvcZHg6OP2xf6_RnXFDPgvWv9-tUDxy-pxRI0DiElJ6IkUh-QXVJD93w02VeRnxh90aiuniQmJAP0h9oFIpvFZr1-26-MkIQ0fdhxkA10SkIsbRGgc8iFY/s640/blog401.png" width="640" /></a></div>
<br />
หากต้องการให้ผู้อ่านได้แสดงความคิดเห็น เรามาดูขั้นตอนในการสร้างกัน ซึ่งเมื่อสร้างแล้ว ในทุกบทความที่เขียนขึ้นจะเกิดกรอบเช่นนี้ติดท้ายทุกบทความ<br />
<br />
<span style="color: purple;"><strong><span style="color: red;">การตั้งค่าให้กับกรอบความคิดเห็นสำหรับทุกบทความ</span></strong></span><br />
<span style="color: purple;"><strong><span style="color: red;"></span></strong></span><br />
1.เปิด แดชบอร์ด ไปที่ Setting หรือส่วนการตั้งค่า <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXIk4i7aoroqLyIhL9MIXNfc74p_KTJEREF1DwFADgIamjYZIt7giTUjU5NXYFFcJXuKe7Xhb8XLLmhygYW-j3594vDo5sjMOLMnDNIiErMom760xPRbOoKEgyypxwjI0ES484QZKXcA/s1600/blog4040.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXIk4i7aoroqLyIhL9MIXNfc74p_KTJEREF1DwFADgIamjYZIt7giTUjU5NXYFFcJXuKe7Xhb8XLLmhygYW-j3594vDo5sjMOLMnDNIiErMom760xPRbOoKEgyypxwjI0ES484QZKXcA/s1600/blog4040.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
2.ที่ Setting นี้จะปรากฎรายการย่อยให้คลิกรายการ <span style="color: red;">Post and comments</span> ซึ่งเป็นส่วนสำหรับโพสต์และความคิดเห็น จะปรากฎรายละเอียดตรงโซนกลาง ได้แก่ ส่วน Post และส่วน Comment ในที่นี้มาดูกันที่ส่วน Comment ก่อน<br />
<br />
3. ที่ <strong><span style="color: red;">Comment Location</span></strong> เป็นส่วนกำหนดสำหรับใช้แสดง การแสดงความคิดเห็น โดยมีตัวเลือก ดังนี้<br />
<span style="background-color: white; color: purple;"></span><br />
<span style="background-color: white; color: purple;"> Embedded ฝัง</span><br />
<span style="background-color: white; color: purple;"> Full Page เต็มหน้า</span><br />
<span style="background-color: white; color: purple;"> Popup window ช่องหน้าต่าง</span><br />
<span style="background-color: white; color: purple;"> Hide ซ่อน</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jgblIN9obUgtqetEiph9rkzNJSj3R_Ovz72uSXDXot4u7ckcPQ5NrGV8K-bHHb6liWRzFHhOFDTeXAH2YyWa9Vif41ZMdHvzxykHHM1vueyhOIw0vrJkC4dnJFicCRU4BXCdnigKOYs/s1600/blog4041.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jgblIN9obUgtqetEiph9rkzNJSj3R_Ovz72uSXDXot4u7ckcPQ5NrGV8K-bHHb6liWRzFHhOFDTeXAH2YyWa9Vif41ZMdHvzxykHHM1vueyhOIw0vrJkC4dnJFicCRU4BXCdnigKOYs/s1600/blog4041.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
ถ้าต้องการให้บทความแสดงให้เลือก Embedded (ฝัง)<br />
ถ้าไม่ต้องการให้บทความแสดงเลือก Hide (ซ่อน)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ktLwtF8hjFG5hwswoADn50hOZzN9ij37aR8Y7cpKzSX9zsDSw48UVetYs4_Bofbc9NAR5bW3-cI8XE1MBDNh_AUIu9RzVE0dGCoAQnhOkU3uTBbrYTadPEygCj8B6acT7UdsH3QzgN0/s1600/blog4043.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ktLwtF8hjFG5hwswoADn50hOZzN9ij37aR8Y7cpKzSX9zsDSw48UVetYs4_Bofbc9NAR5bW3-cI8XE1MBDNh_AUIu9RzVE0dGCoAQnhOkU3uTBbrYTadPEygCj8B6acT7UdsH3QzgN0/s1600/blog4043.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<span style="background-color: white; color: purple;">โดยในส่วนของ <strong>Who can comment?</strong> หรือกำหนดผู้แสดงความคิดเห็น มีตัวเลือกให้กำหนดค่า ดังนี้</span><br />
<span style="background-color: white; color: purple;"> Anyone เปิดให้กับทุกคน</span><br />
<span style="background-color: white; color: purple;"> Registered User ผู้ใช้ที่ลงทะเบียน</span><br />
<span style="background-color: white; color: purple;"> User With Google Accounts เฉพาะผู้ใช้ที่มีบัญชีของ Google</span><br />
<span style="background-color: white; color: purple;"> Only member of blog เฉพาะสมาชิกของบล็อกแห่งนี้</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikAyq6xPNzvSEXBvf2b6V5E2Hc1JTtX_cdGslhgciX699ehZopH4mCY2mdUmcTJn3o9m2D9pAoyQ5bWqzUPZ8bUcYqf95KiP-GappqabVMIPkG6lrrOxQlz3K8P_W_y0PHBt2-5bCcAO8/s1600/blog4044.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikAyq6xPNzvSEXBvf2b6V5E2Hc1JTtX_cdGslhgciX699ehZopH4mCY2mdUmcTJn3o9m2D9pAoyQ5bWqzUPZ8bUcYqf95KiP-GappqabVMIPkG6lrrOxQlz3K8P_W_y0PHBt2-5bCcAO8/s1600/blog4044.png" /></a></div>
<br />
<span style="color: blue;">และในส่วนของ <strong>Comment Moderation</strong> จะเป็นส่วนตั้งค่าเงื่อนไขในการกลั่นกรองความคิดเห็น มีตัวเลือกให้กำหนดค่า ดังนี้</span><br />
<span style="color: blue;"> Alway ทุกครั้งของการแสดงความคิดเห็น</span><br />
<span style="color: blue;"> Sometimes ทำการสุ่มเป็นบางครั้ง</span><br />
<span style="color: blue;"> Never ไม่ต้องกลั่นกรอง</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<span style="background-color: white; color: purple;">ในส่วนของ <strong>Show Backlinks?</strong> เป็นส่วนกำหนดให้แสดงตนผู้ comment มี 2 ตัวเลือก คือ Show และ Hide</span><br />
<br />
ในส่วนของ Comment Form Message เป็นส่วนกำหนดข้อความแสดงสำหรับตอบกลับหรือชักชวนให้กับผู้ที่เข้ามา comment เรา โดยท่านสามารถพิมพ์ข้อความใดๆลงไปในช่องดังกล่าว ข้อความนี้ก็จะไปปรากฎในทุกๆหน้าของบล็อกโดยอัตโนมัติmediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-45524040794415312162016-02-19T14:44:00.001+07:002017-02-04T19:19:13.025+07:00การพ่วงบล็อกอื่นๆเข้ามาแสดงผลร่วมวันนี้จะนำเสนอเรื่องเล็กๆของบล็อกที่นับเป็นอีกเสน่ห์หนึ่งของ Blogger นั่นก็คือ การนำบล็อกเครือข่ายหรือเว็บไซต์เครือข่ายอื่น เข้ามาร่วมแสดงผลในบล็อก ซึ่งเมื่อนำเข้ามาก็จะแสดงชื่อบล็อก พร้อมเรื่องราวล่าสุดของบล็อกนั้นๆ ด้วยภาพลักษณะ Thump nail พร้อมเนื้อหานำเรื่องสั้นๆ (ดังภาพด้านขวาของบล็อกแห่งนี้)<br />
<br />
<span style="color: red; font-size: small;">เรามาศึกษาวิธีทำกัน</span><br />
<br />
1.เริ่มวิธีทำโดยไปที่ หน้าควบคุมระบบบล็อก เลือกรายการ Layout ที่ฝั่งซ้าย ดังภาพด้านล่าง เมื่อได้ Layout Page มาแล้ว ให้กำหนดตำแหน่งที่ท่านจะวาง ส่วนที่ใช้วางรายการบล็อกเครือข่าย ซึ่งในที่นี้จะมีอยู่ 2 ตำแหน่ง คือ บริเวณด้านขวา และบริเวณด้านล่าง<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfP8t03RSTUikT9LKzmBbUGt2DEdlFwgdoJ5SGv-Xx-es2XYqLsVh8jZoGMK_SiHsAOkzff6AJ8rvEHmxgAipVGaEcopLECr7G6lKLvgF0qwzR_WU9RevPyAKrZdnfbVwv76IMOwDhSk/s1600/101.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfP8t03RSTUikT9LKzmBbUGt2DEdlFwgdoJ5SGv-Xx-es2XYqLsVh8jZoGMK_SiHsAOkzff6AJ8rvEHmxgAipVGaEcopLECr7G6lKLvgF0qwzR_WU9RevPyAKrZdnfbVwv76IMOwDhSk/s640/101.png" width="640" /></a></div>
<br />
2.เมื่อกำหนดบริเวณได้แล้ว ให้คลิกเลือกรายการ <span style="color: blue;">Add a Gadget</span> ที่อยู่ในบริเวณนั้น ซึ่งจะเกิดหน้าต่าง Add a Gadget เลือกหารายการ ที่ชื่อว่า Blog List คลิกเลือกที่เครื่องหมาย +<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9D19wOOe6ycbXoRwqOCrNXYXrE8giKnGVO5fn20TwPpiAqJBeH-643T-Nx2Eb7kZAiprIWE_KPPiPtCCpUrNyJyIFvgdP6Tsxfh-NqtVmxnsZ6aPOUm5fJYEJfxdNBTcWdhmiqUwfWHc/s1600/103.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9D19wOOe6ycbXoRwqOCrNXYXrE8giKnGVO5fn20TwPpiAqJBeH-643T-Nx2Eb7kZAiprIWE_KPPiPtCCpUrNyJyIFvgdP6Tsxfh-NqtVmxnsZ6aPOUm5fJYEJfxdNBTcWdhmiqUwfWHc/s400/103.png" width="380" /></a></div>
<br />
3. เมื่อคลิกเลือกแล้วจะเกิดหน้าต่าง Configure Blog List (ดังภาพข้างล่าง) ซึ่งจะมีรายการให้ท่านใส่รายละเอียด ดังนี้<br />
<br />
<strong><span style="color: red;">Title</span></strong> : เป็นส่วนสำหรับกำหนดชื่อ<br />
<span style="color: red;"><strong>Sort</strong></span> : มี 2 ตัวเลือก คือ<br />
Most recently update :<br />
Alphabetically by blog title <br />
<strong><span style="color: red;">Show</span></strong> : All blogs<br />
5 blogs<br />
10 blogs<br />
25 blogs<br />
เลือกเอาว่าจะให้แสดงกี่บล็อก<br />
นอกจากนี้ยังมี check box ให้ท่านเลือกกำหนด เพื่อแสดงรายการ อาทิ<br />
<strong><span style="color: red;">Icon</span></strong> : แสดงไอคอน Blogger (ตัว B สีส้ม)<br />
<strong><span style="color: red;">Title of most recent item</span></strong> : ชื่อหัวข้อของรายการล่าสุด<br />
<strong><span style="color: red;">Snippet of most recent item</span></strong> : แสดงตัวอย่างเนื้อหาของรายการล่าสุด<br />
<strong><span style="color: red;">Thumbnail of most recent item</span></strong> : รูปย่อของรายการล่าสุด<br />
<strong><span style="color: red;">Date of last update</span> :</strong> วันที่ปรับปรุงเนื้อหาครั้งล่าสุด<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmqi0lDVp1XtMuDEQz5b0fCY0lnyFCWlwIQOoNTWqGLWZ-i6ady4PyDQ9QnKEadIwTPeypN8bTdEwkovTs1eFSxZj2dn7mkJPPL_R9oSNzGQD5gojy_RhnIMGrZosH5_0DvgbyvDb3YY/s1600/104.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmqi0lDVp1XtMuDEQz5b0fCY0lnyFCWlwIQOoNTWqGLWZ-i6ady4PyDQ9QnKEadIwTPeypN8bTdEwkovTs1eFSxZj2dn7mkJPPL_R9oSNzGQD5gojy_RhnIMGrZosH5_0DvgbyvDb3YY/s1600/104.png" /></a></div>
<br />
4. ที่ บริเวณ Add to List เป็นส่วนที่ใช้ในการดำเนินการนำบล็อกจากแหล่งอื่นเข้ามา เมื่อทำการคลิก จะเกิดหน้าต่างใหม่ ชื่อ Add to your blog list ดังภาพด้านล่าง <br />
<br />
ที่ช่อง Add by URL ให้ใส่ URL ของบล็อกที่ต้องการลงไป เสร็จแล้วคลิกปุ่ม Add (สีส้ม)<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_PhXZJvBqVwvoxGeFh_lH6RGtNUnNraZf8EcHxD8D1SYuPNXJGZPzZAVUUIXzBFoImu0YF1Rcsul54QPx2K-TQTq1lwc2FffkbTvAjYm3WvpsBq5wmOyKu2oZIkQgH2f397tEPPwiMo/s1600/107.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_PhXZJvBqVwvoxGeFh_lH6RGtNUnNraZf8EcHxD8D1SYuPNXJGZPzZAVUUIXzBFoImu0YF1Rcsul54QPx2K-TQTq1lwc2FffkbTvAjYm3WvpsBq5wmOyKu2oZIkQgH2f397tEPPwiMo/s1600/107.png" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
5. เมื่อคลิกปุ่ม Add แล้ว ก็จะปรากฏรายการของบล็อก ในบริเวณ Bloglist ดังภาพด้านล่าง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg1nNlhaedFgZXsHl5jf-d-x7dT6pxDYp5q3U4PjnkmzVoqdlxjeh5yZzlhVZ-Uk2Q1RaYY82RoDS5fmFZ7iLywMyZx4nh7mBYOL4GjjeeUJvi2hMfmxcEQnCjCZtzPxAsQHY3oI5M0TM/s1600/105.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg1nNlhaedFgZXsHl5jf-d-x7dT6pxDYp5q3U4PjnkmzVoqdlxjeh5yZzlhVZ-Uk2Q1RaYY82RoDS5fmFZ7iLywMyZx4nh7mBYOL4GjjeeUJvi2hMfmxcEQnCjCZtzPxAsQHY3oI5M0TM/s1600/105.png" /></a></div>
<br />
6. หากไม่ถูกต้องท่านสามารถ ลบ รายการนี้ได้โดยการคลิกปุ่ม remove <br />
7.ในกรณีที่ต้องการเปลี่ยนชื่อรายการให้เหมาะสม ท่านก็สามารถแก้ไขได้ โดยมีวิธีการง่ายด้วยการคลิกที่ rename ระบบก็จะเปิดหน้าต่างชื่อ Rename ดังภาพด้านล่าง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2p62bfiUC9j82oNNfZy62PlEiL0s0SgeB0Bn8IoEBI574uqyw0lHChfkejaaEua1xhCQKqxEtwxv4_NpmfyQVuQJOr_uYK6eLV7lFVxUu5FZM6yzqiM-7bdgmyj9PT0h_fOWBamDbREs/s1600/106.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2p62bfiUC9j82oNNfZy62PlEiL0s0SgeB0Bn8IoEBI574uqyw0lHChfkejaaEua1xhCQKqxEtwxv4_NpmfyQVuQJOr_uYK6eLV7lFVxUu5FZM6yzqiM-7bdgmyj9PT0h_fOWBamDbREs/s1600/106.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
เสร็จแล้วคลิกปุ่ม Save ด้วย</div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-38366598767888604772016-02-19T14:37:00.000+07:002017-02-04T19:51:01.197+07:00การเผยแพร่งานผ่าน Facebook<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhQ1W7n86Ls1cSCbO5S2jVNPy3JUQTKBeTTWVl5_9x2u3DtcP234M-Ex8PNmaaFAuD3jqTf7simTYoSzSxEIUI1xRJ9d8qNM_ba45wSiKB1ZMgAifJWIy3MAaLpk414dYvPOB8Ehb3Aw/s1600/2017-02-04_19-35-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhQ1W7n86Ls1cSCbO5S2jVNPy3JUQTKBeTTWVl5_9x2u3DtcP234M-Ex8PNmaaFAuD3jqTf7simTYoSzSxEIUI1xRJ9d8qNM_ba45wSiKB1ZMgAifJWIy3MAaLpk414dYvPOB8Ehb3Aw/s320/2017-02-04_19-35-31.png" width="320" /></a></div>
<br />
<br />
เป็นที่ยอมรับกันว่า Facebook เป็น Social media ที่ทรงอิทธิพล มีผู้ใช้ในปัจจุบันหลายสิบล้านคน ดังนั้นการที่จะให้ข้อมูล สาระเนื้อหาของ Blogger ที่สร้างมีคุณค่าต่อการเรียนรู้ หรือมีความแพร่หลายสูงสุด การพึ่งพา Facebook ก็นับเป็นอีกหนทางที่ดี เรามาดูขั้นตอนการเผยแพร่งานผ่าน Facebook ที่หน้า Wall มีขั้นตอน ดังนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hcTozd5iPHE8ooJbaXfZICqugHUyBFxz_eJ_9VRoSW7wR877xn1QSUSCuNrAA2YZvSNBtu1G9UL-sqeNcPmODERNICR1uQMuLSa1mI06vYW96M-pC95oziahnLaopnZzoiC3zeSKhK4/s1600/2017-02-04_19-36-52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="502" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hcTozd5iPHE8ooJbaXfZICqugHUyBFxz_eJ_9VRoSW7wR877xn1QSUSCuNrAA2YZvSNBtu1G9UL-sqeNcPmODERNICR1uQMuLSa1mI06vYW96M-pC95oziahnLaopnZzoiC3zeSKhK4/s640/2017-02-04_19-36-52.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
1. เปิดหน้าบทความที่เราเขียนบน Blogger ที่สร้างและต้องทำการเผยแพร่ </div>
<div class="separator" style="clear: both; text-align: left;">
2. ให้ทำการ Copy ส่วน URL ที่ช่อง Address ของ Blogger </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lgnEg7yq7xvJp3rU2GV5K8Un3pIBPfYUwIIaYya-sQeChSQQeG4TKf_oIcnzDxCi_1adBg6VnAGKXo_BqyvzAeIpM2R6wTRluTRk8KVyxsYmb1tU_njBRInN0lw7Vk2yIycdlXRxGCE/s1600/2017-02-04_19-38-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lgnEg7yq7xvJp3rU2GV5K8Un3pIBPfYUwIIaYya-sQeChSQQeG4TKf_oIcnzDxCi_1adBg6VnAGKXo_BqyvzAeIpM2R6wTRluTRk8KVyxsYmb1tU_njBRInN0lw7Vk2yIycdlXRxGCE/s640/2017-02-04_19-38-07.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
3. ไปที่ Facebook ของท่าน (ต้องอยู่ในสถานะที่ท่าน login ด้วย) ให้นำ URL ไปวางที่ช่องอัพเดทสถานะ ดังภาพข้างล่าง ซึ่ง Facebook จะนำหัวข้อเรื่องพร้อม Links มาแสดงแทน </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY20o0lbbSi6gaa5iMps5_vcrjhytcA8QS_FJX75vLWlh-XmSBXn7SR5zOIhwhwxTDBN1rYuAxw6Onhudsu6I-G5DegwZ50hCj4_BoDGOsynIT18TVT9COp9DyuccGW750eiTbtojE-U0/s1600/2017-02-04_19-49-33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="630" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY20o0lbbSi6gaa5iMps5_vcrjhytcA8QS_FJX75vLWlh-XmSBXn7SR5zOIhwhwxTDBN1rYuAxw6Onhudsu6I-G5DegwZ50hCj4_BoDGOsynIT18TVT9COp9DyuccGW750eiTbtojE-U0/s640/2017-02-04_19-49-33.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
4. เลือกบางส่วนของเนื้อหา หรือพิมพ์ส่วนเนื้อหาที่น่าสนใจลงไปแทนในช่องข้อความที่ท่านใส่ URL ดังภาพข้างล่าง</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. ทำการคลิกปุ่มโพสต์ Facebook ก็จะแสดงผล ดังภาพ</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-88812169040721496822016-02-19T14:35:00.001+07:002017-02-04T19:20:54.737+07:00วิธีจัดทำสารบัญหมวดหมู่<span style="font-family: inherit;"><span lang="TH">หากเราเป็นผู้มีเรื่องราวมากมาย และคิดว่าจะเผยแพร่เรื่องราวไว้บนบล็อกในหลากหลายเรื่อง ซึ่งเมื่อนานวัน รวมถึงมีเรื่องเพิ่มมากขึ้น สิ่งหนึ่งที่เกิดขึ้นคือสาระเนื้อหา จะกระจัดกระจายไม่เป็นหมวดหมู่ ซึ่ง </span>Blogger <span lang="TH">มีเครื่องมือสำหรับสร้างหมวดหมู่ หรือ </span>Categories <span lang="TH">ไว้ให้ ซึ่งการสร้างหมวดหมู่ มีอยู่ 2 ขั้นตอนหลัก คือ</span></span><br />
<div class="MsoNormal" style="margin: 0cm 0cm 0pt 36pt; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-indent: -18pt;">
<span style="color: red;"><span style="font-family: inherit;"><span style="mso-fareast-font-family: AngsanaUPC;"><span style="mso-list: Ignore;">1.<span style="font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span><span lang="TH">ขั้นติดตั้ง </span>Gadget</span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt 36pt; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-indent: -18pt;">
<span style="color: red;"><span style="font-family: inherit;"><span style="mso-fareast-font-family: AngsanaUPC;"><span style="mso-list: Ignore;">2.<span style="font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span><span lang="TH">ขั้นตอนกำหนด </span>Labels (<span lang="TH">ป้ายกำกับ) กำกับใส่ในบทความ</span></span></span><br />
<span style="font-family: inherit;"><br /></span><br />
<span style="color: red;"><span style="font-family: inherit;"><strong>(1)</strong> <b><span lang="TH">ขั้นติดตั้ง </span>Gadget</b></span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt;">
<span style="font-family: inherit;"><span lang="TH">ก่อนอื่นต้องนึกไว้ล่วงหน้าก่อนว่า จะให้<b> </b>หมวดหมู่ หรือ </span>Categories<span lang="TH"> นี้อยู่ที่ตำแหน่งไหน ในที่นี้สมมุติว่า จะให้อยู่ใต้ <b>รายการบทความ </b>ดังตัวอย่าง</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuJgRFvZbRgdNucniLPAPtTi0gdgg8CuEs8JAnPaezq2jhPM4ELTWJidI2i858m_n9v0KF99xyiGYT-RCt-k8Ymye3qoUyba-laLP0tnZIyCe_1GUedqQEhXvo83K-DP0nH9J6kjE43w/s1600/add_label05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuJgRFvZbRgdNucniLPAPtTi0gdgg8CuEs8JAnPaezq2jhPM4ELTWJidI2i858m_n9v0KF99xyiGYT-RCt-k8Ymye3qoUyba-laLP0tnZIyCe_1GUedqQEhXvo83K-DP0nH9J6kjE43w/s320/add_label05.jpg" width="229" /></span></a></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span lang="TH" style="font-family: inherit;">เมื่อกำหนดได้แล้ว มาดูวิธีการดังนี้</span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">1. ไปที่หน้าบล็อกหลัก แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ </span>Layout<span lang="TH">(รูปแบบ) </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9qG9MmOhBxyQDxZZ2Cbda2h7YlPWVBKNovBJbqX2xfCdCk-EmObqtiD6sCTAfi-NRaVFjQMfSVKq4WgDlnT9COxPHUqqjRhlqWxVWp4abaoUDGSyTDiAjUcrvN3q3whpTDVJBKK0v4Q/s1600/3005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" height="436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9qG9MmOhBxyQDxZZ2Cbda2h7YlPWVBKNovBJbqX2xfCdCk-EmObqtiD6sCTAfi-NRaVFjQMfSVKq4WgDlnT9COxPHUqqjRhlqWxVWp4abaoUDGSyTDiAjUcrvN3q3whpTDVJBKK0v4Q/s640/3005.jpg" width="640" /></span></a></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">2. จะเกิดผังแม่แบบเว็บของบล็อก<span style="mso-spacerun: yes;"> </span>เลือก </span>Zone <span lang="TH">หรือตำแหน่งที่จะวาง หมวดหมู่ หรือ </span>Categories<span lang="TH"> </span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">3.ดูที่แถบข้อความ(อักษรสีฟ้า) </span>Add a Gadget<span lang="TH"> (เพิ่ม </span>Gadget<span lang="TH">) คลิกที่ข้อความดังกล่าว</span></span></div>
<div class="MsoNormal" style="border-image: none; border: currentColor; margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">4.จะเกิดหน้าต่างที่ชื่อ </span>Add a<span lang="TH"> </span>Gadget <span lang="TH">ที่ชื่อว่า </span>Labels (<span lang="TH">ป้ายกำกับ)</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZ4i8nnzQz3mMT987f_H6SZcZS3N52YluXEckkW-mdyWCeObE_1QJKzyVqw3aXit2OtvqnHU7b5qx9LqfcUtINKbKF-SY1MUNEA5xxdy0d4N-4EMQIVRgpwqoEPs5KTUvhyphenhyphenjlvXdlse0/s1600/add_label01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZ4i8nnzQz3mMT987f_H6SZcZS3N52YluXEckkW-mdyWCeObE_1QJKzyVqw3aXit2OtvqnHU7b5qx9LqfcUtINKbKF-SY1MUNEA5xxdy0d4N-4EMQIVRgpwqoEPs5KTUvhyphenhyphenjlvXdlse0/s1600/add_label01.jpg" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="border-image: none; border: currentColor; margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;">5.<span lang="TH"> ตั้งค่าป้ายกำกับ ซึ่งใช้ค่าดั้งเดิม ก็น่าจะดีที่สุด สำหรับชื่อสามารถตั้งได้ตามใจชอบ เช่น หมวดหมู่ กลุ่มเนื้อหา หรือ </span>Categories</span></div>
<div class="MsoNormal" style="border-image: none; border: currentColor; margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcqxU-b-qOk68xbtmvFpKuIpZ0A8gll56kkhAZz_bNKoHRqKF4S9U8sYh45WeRUeRGZFc6mmJ3sx9UbCW1vpYOEuN_qrue_f_pfownMuG7xdn-gL1ZUq6kEsBxR310HFhetBxmiimQF0/s1600/add_label02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcqxU-b-qOk68xbtmvFpKuIpZ0A8gll56kkhAZz_bNKoHRqKF4S9U8sYh45WeRUeRGZFc6mmJ3sx9UbCW1vpYOEuN_qrue_f_pfownMuG7xdn-gL1ZUq6kEsBxR310HFhetBxmiimQF0/s400/add_label02.jpg" width="400" /></span></a></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span lang="TH" style="font-family: inherit;">(ซึ่งตอนนี้แม้ติดตั้งแล้ว แต่ที่แถบเมนูของเราจะยังไม่ปรากฏรายการ)</span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<strong><span style="color: blue;"><span style="font-family: inherit;"><span lang="TH">รายละเอียดในหน้าต่างการปรับแต่ง </span>Labels</span></span></strong><br />
<span style="font-family: inherit;"><span style="color: black;">จากหน้าต่างด้านบน จะมีส่วนปรับแต่ง อยู่ 4 ส่วน อธิบายอย่างย่อ ดังนี้<br />1. </span>Title </span><span style="font-family: inherit;"><span lang="TH">(หัวข้อ) สำหรับตั้งชื่อตามใจชอบ แต่ไม่ควรยาวนัก</span></span><br />
<span style="font-family: inherit;"><span lang="TH"><br />2. </span>Show <span lang="TH">(แสดง) มี 2 เงื่อนไข คือ </span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt; text-indent: 36pt;">
<span style="font-family: inherit;"> All Labels </span><span style="font-family: inherit;"><span lang="TH">แสดงทุกรายการที่ป้ายกำกับทั้งหมด<br /><span style="mso-spacerun: yes;"> </span><span style="mso-tab-count: 1;"> </span></span>Selected Labels </span><span lang="TH" style="font-family: inherit;">แสดงเฉพาะป้ายกำกับที่เลือก ซึ่งหากคลิกรายการนี้ จะมีส่วน<br /> กำหนดค่า</span><span style="font-family: inherit;"><span lang="TH">การแสดงผลเพิ่มขึ้นมา</span></span><br />
<span style="font-family: inherit;"><span lang="TH"><br />3.</span>Sorting </span><span style="font-family: inherit;"><span lang="TH">(การเรียง) มี 2 เงื่อนไข คือ <br /> </span>Alphabetically </span><span lang="TH"><span style="font-family: inherit;">เรียงตามลำดับตัวอักษร</span><span style="font-family: inherit; mso-spacerun: yes;"> <br /> </span></span><span style="font-family: inherit;">By Frequency </span><span style="font-family: inherit;"><span lang="TH">เรียงตามลำดับความถีของการเข้าชม</span></span><br />
<span style="font-family: inherit;"><span lang="TH"><br />4.</span>Display </span><span style="font-family: inherit;"><span lang="TH">(การแสดงผล) มี 2 เงื่อนไขเช่นกัน คือ <br /> </span>List <span lang="TH">แสดงเป็นรายการ และ</span> <br /> Cloud <span lang="TH">แสดงเป็นลำดับขนาดตัวอักษรของหมวดหมู่ ตามจำนวนรายการที่มีอยู่</span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<b><span style="color: red;"><span style="font-family: inherit;"><span lang="TH">(2) ขั้นตอนกำหนด </span>Labels (<span lang="TH">ป้ายกำกับ) กำกับใส่ในบทความ</span></span></span></b><br />
<strong><span style="color: red;"></span></strong> </div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">เป็นขั้นตอนในการกำหนดให้บทความของท่าน เข้ากลุ่มหมวดหมู่</span><span style="mso-spacerun: yes;"> </span><span lang="TH">มีวิธีการดังนี้</span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">1. ไปที่หน้าบล็อกหลัก แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ </span>Post<span lang="TH"> (บทความทั้งหมด) </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXGZHQ7EuNO_hop4mwizjNeRPaOx_g2WdWnuRmLjV4VGW2OecaAhmMbK0blyHZ9CavjPiosjO3WRrcZZ3oW9BuH0FNHk_9NeBolPQAUUQ7LqMkbtaEq2p4Fr4l9d8R4ncG4K8lmj8z8g/s1600/add_label06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXGZHQ7EuNO_hop4mwizjNeRPaOx_g2WdWnuRmLjV4VGW2OecaAhmMbK0blyHZ9CavjPiosjO3WRrcZZ3oW9BuH0FNHk_9NeBolPQAUUQ7LqMkbtaEq2p4Fr4l9d8R4ncG4K8lmj8z8g/s640/add_label06.jpg" width="640" /></span></a></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span lang="TH" style="font-family: inherit;">2. คลิกเลือกบทความที่ต้องการ</span><br />
</div>
<div class="MsoNormal" style="border-image: none; border: currentColor; margin: 0cm 0cm 0pt;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCTEIZ0R8CB2L9Iipvl9Rc1pSleaOBIba9ynKj0JrkMBSJPgMD_UALnkX0Aq5WO59FrfKFBrPsLMqirBjCABJXbBkWwg81w2PRsIluLb381LsCNoyYbUb9t-kLzlq8ofeQDvMzdXXTRA/s1600/add_label04.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img aea="true" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCTEIZ0R8CB2L9Iipvl9Rc1pSleaOBIba9ynKj0JrkMBSJPgMD_UALnkX0Aq5WO59FrfKFBrPsLMqirBjCABJXbBkWwg81w2PRsIluLb381LsCNoyYbUb9t-kLzlq8ofeQDvMzdXXTRA/s1600/add_label04.jpg" /></span></a><span style="font-family: inherit;">3.<span lang="TH">มาดูทางมุมด้านขวา จะมีส่วนควบคุมที่ชื่อ </span>Post settings </span><span style="font-family: inherit;"><span lang="TH">(การตั้งค่าโพสต์) </span></span><br />
<span style="font-family: inherit;"><span lang="TH"><br />4.คลิกเลือกรายการ </span>Labels</span><span style="font-family: inherit;"><span lang="TH">(ป้ายกำกับ) จะเกิดกล่องข้อความ ให้ท่านพิมพ์ข้อความที่จะกำหนดเป็นกลุ่มหมวดหมู่ลงไป (หรืออาจจะเลือกกลุ่มที่ท่านได้กำหนดไว้แล้วก็ได้)<br />หมายเหตุ<span style="mso-spacerun: yes;"> </span>เราสามารถใส่ </span>Labels<span lang="TH">(ป้ายกำกับ) ให้กับบทความมากกว่า 1 ป้ายกำกับได้ ซึ่งจะคั่นแต่ละป้ายด้วยเครื่องหมายจุลภาค(</span>,<span lang="TH">)</span></span><br />
</div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">5.เรียบร้อยคลิกที่ปุ่ม </span>Done <span lang="TH">(เสร็จสิ้น)</span></span><br />
</div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span lang="TH" style="font-family: inherit;">6.ที่หน้าแรกของบล็อก<span style="mso-spacerun: yes;"> </span>ก็จะเกิดหมวดหมู่ของบทความที่เราตั้งชื่อไว้ในขั้นที่ 4 ปรากฏขึ้น </span></div>
<div class="MsoNormal" style="border-image: none; border: currentColor; margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span lang="TH" style="font-family: inherit;">หมายเหตุ</span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;">1. Gadget <span lang="TH">ที่ชื่อ </span>Labels <span lang="TH">นี้ท่านสามารถเพิ่มได้มากกว่า 1 ตำแหน่ง</span></span></div>
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">
<span style="font-family: inherit;"><span lang="TH">2.หาก </span>Gadget <span lang="TH">ที่สร้างขึ้นนี้ ไม่ต้องการ ท่านสามารถเข้าไปยกเลิก โดยคลิกที่ปุ่ม </span>Remove</span><br />
<br />
</div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-67095457928747679392016-02-19T14:29:00.000+07:002017-02-04T19:22:18.430+07:00การนำวิดีโอมาใช้บนบล็อก<span style="font-family: inherit;"><o:p>ปัจจุบันการหาแหล่งหรือนำวิดีโอมาใช้งานบนบล็อกสามารถดำเนินการได้ 5 รูปแบบ<br />1. Upload : ดำเนินการ Upload จากคอมพิวเตอร์หรือแหล่งเก็บ<br />2. Form YouTube : การแทรกไฟล์วิดีโอจาก YouTube ทั่วไป<br />3. Form YouTube videos : การแทรกไฟล์วิดีโอจากช่อง YouTube ที่เป็นสมาชิก<br />4. Form your phone : การแทรกไฟล์วิดีโอจากโทรศัพท์ Smartphone<br /> 5. Form your webcam : การแทรกไฟล์วิดีโอจากกล้องเว็บแคม<br /> </o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcF3jlNWXDqZjhuS0RcVFvsfZLOoxSA6VX4qlJrVrOWaG3Mr1i2mXUP5ZBsx7CXbMYHPcB18jJhiSSE5vwk47eCT7r63DJQjbdYe6npOtL8v5cjK3URs4iQ42eSnfX1lED937ijAkVyk/s1600/video01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcF3jlNWXDqZjhuS0RcVFvsfZLOoxSA6VX4qlJrVrOWaG3Mr1i2mXUP5ZBsx7CXbMYHPcB18jJhiSSE5vwk47eCT7r63DJQjbdYe6npOtL8v5cjK3URs4iQ42eSnfX1lED937ijAkVyk/s1600/video01.jpg" /></span></a></div>
<br />
ในที่นี้จะแนะนำเฉพาะ <span style="color: red;">2) การแทรกไฟล์วิดีโอจาก YouTube ทั่วไป</span> มีวิธีการดังนี้<br />
<br />
1. เลือกสร้างรายการบทความใหม่ หรือ จะแก้ไขเพิ่มเติมจากบทความเดิมที่มีอยู่<br />
ที่ตำแหน่งที่ต้องการวางไฟล์วิดีโอ ซึ่งตรงนี้ท่านต้องมีรายการวิดีโอ หรือ URL ของรายการวิดีโอแล้วด้วย<br />
<span style="font-family: "th sarabun new";"><o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBjHLJ2ZxZYpsk7bzX7D5Pby_F3SIAcViTrGfDNjWcMBUd4ReIji33DXyku8BD7Uzvlv_-uHBX6zE2S1TFMOf0TTzQt6ghyphenhyphenm3DyflZNUgEPzC2g9-t4AIoIy2ydIpVIo5tRtejdi9Abg/s1600/video02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBjHLJ2ZxZYpsk7bzX7D5Pby_F3SIAcViTrGfDNjWcMBUd4ReIji33DXyku8BD7Uzvlv_-uHBX6zE2S1TFMOf0TTzQt6ghyphenhyphenm3DyflZNUgEPzC2g9-t4AIoIy2ydIpVIo5tRtejdi9Abg/s1600/video02.jpg" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
2. คลิกเลือกที่รายการ Form YouTube<br />
3. ที่ช่อง Browse เลือกหา หรือนำ links URL รายการวิดีโอที่ได้พิมพ์วางในช่อง คลิกเพื่อนค้นหา<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7yCrrCj-CuAh1GisvSYEcPDKMs-IY5xCPLERUYx3dnwgyqBiSlz4x5sT-XxNwgtUiQcKEpmzFe6g0idgTAAcgJLVtLQxWXGpG1dsAoih9bOoDsmggMaLg05YxviI4p1ryTxvFqPfp0g/s1600/video022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7yCrrCj-CuAh1GisvSYEcPDKMs-IY5xCPLERUYx3dnwgyqBiSlz4x5sT-XxNwgtUiQcKEpmzFe6g0idgTAAcgJLVtLQxWXGpG1dsAoih9bOoDsmggMaLg05YxviI4p1ryTxvFqPfp0g/s1600/video022.jpg" /></span></a></div>
<br />
<span style="font-family: "th sarabun new";"></span><br />
4.ทำการตรวจสอบก่อนการวางโดยทำการคลิกที่กรอบไฟล์วิดีโอ<br />
<span style="font-family: "th sarabun new";"><o:p><br /> </o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCARDXxPl2A3QDF374K-wiCPyxBEW2u8venGVpsolRWKH4o8FGBlrL5HrR77hoO1y9UczVt1RBu6BCJBxSGFo1KdTKVQKPlK_Ut-LEGXnn46ff00zOzw63mR_z3i4BTXPwCPLXCQrSQ5E/s1600/video03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="443" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCARDXxPl2A3QDF374K-wiCPyxBEW2u8venGVpsolRWKH4o8FGBlrL5HrR77hoO1y9UczVt1RBu6BCJBxSGFo1KdTKVQKPlK_Ut-LEGXnn46ff00zOzw63mR_z3i4BTXPwCPLXCQrSQ5E/s640/video03.jpg" width="640" /></a></span></div>
<span style="font-family: inherit;"></span><br />
<span style="font-family: inherit;"></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"></span><br /></div>
<span style="font-family: inherit;">5.หากถูกต้องคลิกที่ปุ่ม Select (สีฟ้า)<br />6.ไฟล์วิดีโอที่เลือกก็จะปรากฏในพื้นที่ ที่ท่านต้องการ เสร็จแล้วกดปุ่มบันทึก และเผยแพร่ตามลำดับ</span>mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0tag:blogger.com,1999:blog-2410629364297314670.post-57908425428553242602016-02-19T14:27:00.000+07:002017-02-04T19:22:06.297+07:00การวางภาพประกอบเนื้อหาหลังจากพิมพ์ข้อความแล้วถ้าต้องการวางภาพประกอบเนื้อหาประกอบบทความ มีวิธีการดังนี้<br />
1. คลิกเมาส์ ตำแหน่งหรือบริเวณที่ต้องการวางภาพ แล้ว คลิกที่ปุ่ม แทรกภาพ (รูปวิวในวงกลม) <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5wLyU4uBjrFV86F-NOvwobQujEZTBclTOOCKvAvLTb9K8eZTOpMMRqIZwcOoHV-uK7YJFqPZ9in7Kbs6kni5ym01cp_KWkD5gtGDMZeD9tWhC3MzNCOrgTwLK8oQak4H3vTAsugJb0RQ/s1600/a01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5wLyU4uBjrFV86F-NOvwobQujEZTBclTOOCKvAvLTb9K8eZTOpMMRqIZwcOoHV-uK7YJFqPZ9in7Kbs6kni5ym01cp_KWkD5gtGDMZeD9tWhC3MzNCOrgTwLK8oQak4H3vTAsugJb0RQ/s1600/a01.jpg" /></a></div>
<br />
2. จะเกิดหน้าต่าง Select a file ซึ่งท่านสามารถเลือกไฟล์ภาพจากแหล่งต่างๆ ถึง 6 แหล่ง<br />
1. Upload: ดำเนินการ Upload จากคอมพิวเตอร์หรือแหล่งเก็บ<br />
2. Form this blog: การแทรกไฟล์ภาพจาก BLOG ของท่าน<br />
3. Form Picasa Web Albums: การแทรกไฟล์ภาพจากเว็บไซต์ของ Picasa Web Albums ที่เป็นสมาชิก<br />
4. Form your phone: การแทรกไฟล์ภาพจากโทรศัพท์ Smartphone<br />
5. Form your webcam: การแทรกไฟล์ภาพจากกล้องเว็บแคม<br />
6. Form a URL การแทรกไฟล์ภาพจากเว็บไซต์อื่นๆ<br />
ในที่นี้เป็นการเลือกจากต้นทางที่เครื่องคอมพิวเตอร์ ซึ่งเป็นรายการ Upload<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig1ZwbSow6ItCnuuSZyXwC5CiM8adNE7nNmSg5-OkfxbCyBTfJ0FxEmwLeUlGRx6CxlgXUOEAtVvlGPSX8IxnYuf0p0KBmo3xCEgKFXcgqbzv1qYnZjAcxbyXbgXiMnLEzXszaUcz9VWA/s1600/a02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig1ZwbSow6ItCnuuSZyXwC5CiM8adNE7nNmSg5-OkfxbCyBTfJ0FxEmwLeUlGRx6CxlgXUOEAtVvlGPSX8IxnYuf0p0KBmo3xCEgKFXcgqbzv1qYnZjAcxbyXbgXiMnLEzXszaUcz9VWA/s1600/a02.jpg" /></a></div>
<br />
3. คลิกปุ่ม Choose file ทำการเลือกไฟล์ โดยกดที่ปุ่ม Browse ไปยังตำแหน่งที่เก็บไฟล์ภาพ (ไฟล์ภาพ ต้องเป็น ไฟล์นามสกุล JPG GIF หรือ PNG และขนาดความกว้างที่เหมาะสมไม่เกิน 600 Pixels ดังนั้นควรตกแต่งไฟล์ภาพที่จะ Upload ขึ้น Blog ทั้งหมดให้มีขนาดกว้างไม่เกิน 600 Pixels ให้เรียบร้อยก่อนทำการ Upload รูปภาพ ซึ่งจะทำให้การ upload รวมถึงการแสดงผลทำได้รวดเร็ว<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWu2Lw-6LD3PSKRSFodXfJJVLgCbrWGIAdDR6h_cBU_rWqThhBXotT3UX3jDjnAUH1nFGAzNsdov4Dbyg3BZg34WSgy-GPMq-iN9vZVDbpYBTHSrGMU7xN1TqGUJExVG09l6nOpZQw2kU/s1600/a03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWu2Lw-6LD3PSKRSFodXfJJVLgCbrWGIAdDR6h_cBU_rWqThhBXotT3UX3jDjnAUH1nFGAzNsdov4Dbyg3BZg34WSgy-GPMq-iN9vZVDbpYBTHSrGMU7xN1TqGUJExVG09l6nOpZQw2kU/s1600/a03.jpg" /></a></div>
<br />
<br />
4. เมื่อ Upload ไฟล์ภาพเรียบร้อยแล้ว กดปุ่มเพิ่มรายการที่เลือก ภาพจะปรากฏ ในลักษณะ Thumbnail ขนาดเล็ก นำเมาล์ไปคลิกที่รูปภาพดังกล่าว แล้วคลิกที่ปุ่ม Add selected <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDq_J0p5oOiIC1t3wfKiO-F3jnPkxi377zVf_S-MQfSNZIcyhLi9tP_UE54ypmF_2GQ6IwstItWdI-pU8oI5PAlEYyWvzgm7L5H4z_4gKD8L9UjDVP6MLkNktcdkPXDwIWbrDIYlNsr1A/s1600/a04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDq_J0p5oOiIC1t3wfKiO-F3jnPkxi377zVf_S-MQfSNZIcyhLi9tP_UE54ypmF_2GQ6IwstItWdI-pU8oI5PAlEYyWvzgm7L5H4z_4gKD8L9UjDVP6MLkNktcdkPXDwIWbrDIYlNsr1A/s1600/a04.jpg" /></a></div>
<br />
<br />
5. จะเกิดเมนูให้เราสามารถเลือกขนาดของภาพ คือ เล็ก ขนาดกลาง ใหญ่ ใหญ่พิเศษ ขนาดเดิม และกำหนดตำแหน่ง ซ้าย กลาง ขวา หรือ เพิ่มคำอธิบายประจำภาพด้วย นอกจากนี้หากต้องการลบภาพที่ก็คลิกที่ปุ่ม Remove <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFg7pGv0SaH_-OZYa2NMoMOnnNfgbiVLOExzuGUcvgKvXtMrrgzfyJOlWM8NZ_vXcahpMRHbnC-ib9u4qflfElF33cTm2JRJp1dFYQ7t8mMV_MAYdz8J3Fyu5_CIIVXLGk-YRIwZ5N8Y/s1600/a05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFg7pGv0SaH_-OZYa2NMoMOnnNfgbiVLOExzuGUcvgKvXtMrrgzfyJOlWM8NZ_vXcahpMRHbnC-ib9u4qflfElF33cTm2JRJp1dFYQ7t8mMV_MAYdz8J3Fyu5_CIIVXLGk-YRIwZ5N8Y/s1600/a05.jpg" /></a></div>
mediathailandhttp://www.blogger.com/profile/10190084973521291266noreply@blogger.com0