tag:blogger.com,1999:blog-14389284953030223252012-02-16T20:24:15.560-08:00เริ่มศึกษาการเขียนบทความจากหลายๆ เว็บไซต์ จนรู้สึกชอบ Blogger ของ Google แต่ก็หาคำอธิบายภาษาไทยไม่เจอ (ตอนนั้นเป็นภาษาอังกฤษหมด) ศึกษาเองจนพอทำได้ แต่อาจจะยังไม่เก่งเท่าไหร่ เพราะตัวผมเองก็ไม่ได้เป็นโปรแกรมเมอร์ หรือ มีความรู้เรื่องคอมพิวเตอร์สักเท่าไหร่ จึงเขียนบทความง่ายๆ ที่หวังว่าคนปกติธรรมดา ที่ยังสร้างบล็อกด้วย Blogger ไม่เป็น ได้ทำเองครับPWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.comBlogger561100tag:blogger.com,1999:blog-1438928495303022325.post-59244301985335243792011-11-22T05:37:00.000-08:002011-12-31T05:12:46.551-08:00<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://3.bp.blogspot.com/-BQro86rj5qc/TsumrlZ7RiI/AAAAAAAAU1g/UxiyM_h_RSA/s1600/nuffnang-logo.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5677815022936081954" src="http://3.bp.blogspot.com/-BQro86rj5qc/TsumrlZ7RiI/AAAAAAAAU1g/UxiyM_h_RSA/s320/nuffnang-logo.jpg" style="cursor: hand; cursor: pointer; float: left; height: 102px; margin: 0 10px 10px 0; width: 320px;" /></a><b><a href="http://bloggerbuild.blogspot.com/2008/04/27.html" style="background-color: white; color: #0ba50b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 14px; text-align: -webkit-auto;" target="_new">Build-01 : ถูกใจไอเดีย nuffnang ที่ชาวบล็อกเกอร์ควรเข้าร่วมเป็นสมาชิกด้วย</a> :</b> <span class="Apple-style-span" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">สวัสดีครับ เพื่อนๆ ที่ได้เข้ามาอ่านบทความการสร้างบล็อก เขียนบล็อก ของผม สำหรับบทความแรกนี้ ผมเคยตั้งใจมานานแล้วว่าอยากเขียนบทความแนะนำเว็บบล็อก เว็บไซต์ ดีๆ ที่มีประโยชน์กับเพื่อนๆ ในการสร้างบล็อก เขียนบล็อก หรือพัฒนาบล็อกของตัวเองนะครับ ผมจึงอยากขอประเดิมเริ่มแรกเลยที่ nuffnang</span><br /><div><span class="Apple-style-span"><span class="Apple-style-span" style="line-height: 18px;"><br /></span></span><br /><div><span class="Apple-style-span" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">หลายวันก่อน ผมได้รับโทรศัพท์จากคนที่ไม่รู้จักคนหนึ่ง ซึ่งอยากจะบอกเพื่อนๆ ว่า ตั้งแต่ผมเขียนบล็อก เผยแพร่ความรู้ต่างๆ ออกไปตั้งแต่ปี 2006 ผมรับโทรศัพท์จากคนไม่รู้จักเยอะมากครับ และส่วนตัวก็กลายเป็นที่ปรึกษาให้คนเหล่านั้นจำนวนมากทั้งด้านการแก้ไขเครดิตบูโร ด้านการรักษาสุขภาพของคนพิการ การรักษาโรคเบาหวาน การดูแลแอร์ (เครื่องปรับอากาศ) เทคนิคการเขียนบล็อก การหางานทำของคนพิการ เป็นต้น .....<b><a href="http://bloggerbuild.blogspot.com/2008/04/27.html">อ่านต่อ</a></b></span></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5924430198533524379?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-16964696331257602502008-04-26T06:15:00.000-07:002011-12-31T05:17:37.748-08:00<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;">แจ้งเพิ่มเติม ขณะนี้ทาง Blogspot ได้มีการปรับปรุงรูปแบบใหม่ของการใช้งานแล้ว ซึ่งใกล้เคียงกับรูปแบบของ Wordpress มีฟังก์ชั่นการใช้งานใหม่ๆ น่าสนใจ ในระหว่างนี้ทุกท่านอาจจะศึกษารูปแบบเก่าไปก่อน เนื่องจากถ้าท่านใดไม่ได้กดเมนูเปลี่ยนแปลงรูปแบบ จะยังคงศึกษารูปแบบเก่าจากในบล็อกผมได้อยู่ ส่วนท่านใดได้เปลี่ยนรูปแบบแล้ว ผมจะพยายามหาเวลาทำเนื้อหาใหม่ อาจจะสักช่วงสงกรานต์นะครับ เพราะตอนนี้งานเยอะมากๆ ครับ</span></span><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;"><br /></span></span><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;">ขอบคุณครับ</span></span><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;">ปรีดา ลิ้มนนทกุล</span></span><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;"><br /></span></span><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;">สำหรับเพื่อนๆ ที่ยังไม่มีอีเมล์ของ gmail.com</span><br /></span><span style="font-family: verdana;"></span><br /><ul><li><a href="http://bloggerbuild.blogspot.com/2008/04/1.html"><span style="font-family: verdana;">สมัครเป็นสมาชิก และมีบัญชีของ gmail.com</span></a></li></ul><br /><span style="font-family: verdana;"><span style="color: #000099; font-size: 130%;">สำหรับเพื่อนๆ ที่มีอีเมล์ของ gmail.com แล้ว</span></span><br /><ol><li><a href="http://bloggerbuild.blogspot.com/2008/04/2.html"><span style="font-family: verdana;">3 วิธีเข้าสู่เว็บไซต์สร้างบล็อกระดับโลกของ Blogger </span></a></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/3.html"><span style="font-family: verdana;">สมัครเป็นสมาชิก Blogger.com เว็บไซต์เขียนบล็อกระดับโลก</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/4.html"><span style="font-family: verdana;">ขอแนะนำเว็บเพจแนะนำของ Blogger เรียก "วิธีใช้ Blogger"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/5.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 1 : มารู้จักเมนูการ "เพิ่มองค์ประกอบหน้า" กันครับ</span></a><a href="http://bloggerbuild.blogspot.com/2008/04/5.html"><span style="font-family: verdana;"> </span></a></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/6.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 2 : เมนู "ส่วนหัวของหน้า", "คลังบทความของบล็อก" และ "โปรไฟล์"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/7.html" target="_new"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 3 : เมนู "โลโก้" "แถบวีดีโอ" และ "Newsreel" </span></a></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/8.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 4 : เมนู "ป้ายกำกับ" "ฟีด" และ "HTML/จาวาสคริป"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/9.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 5 : เมนู "ข้อความ"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/10.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 6 : เมนู "Adsense" (ที่สร้างรายได้ให้บล็อกคุณ)</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/11.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 7 : เมนู "รูปภาพ"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/12.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 8 : เมนู "รายชื่อลิงก์"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/13.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 9 : เมนู "รายการ"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/14.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 10 : เมนู "แบบสำรวจ"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/15.html"><span style="font-family: verdana;">เพิ่มองค์ประกอบหน้า ตอนที่ 11 : เมนู "ลิงก์การสมัคร", "สไลด์โชว์", "ผู้ติดตาม" และ "รายการบล็อก"</span></a><span style="font-family: verdana;"> (ตอนจบ) </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/17.html"><span style="font-family: verdana;">แนะนำส่วน "การตั้งค่า" ตอนที่ 1 : การจัดการข้อมูล "ขั้นต้น"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/18.html"><span style="font-family: verdana;">แนะนำส่วน "การตั้งค่า" ตอนที่ 2 : การจัดการข้อมูล "การเผยแพร่" และ "สิทธิ์"</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/20.html">แนะนำส่วน "การตั้งค่า" ตอนที่ 3 : การจัดการข้อมูล "การจัดรูปแบบ"</a> </li><li><a href="http://bloggerbuild.blogspot.com/2008/04/21.html">แนะนำส่วน "การตั้งค่า" ตอนที่ 4 : การจัดการข้อมูล "ข้อคิดเห็น"</a> </li><li><a href="http://bloggerbuild.blogspot.com/2008/04/22.html">แนะนำส่วน "การตั้งค่า" ตอนที่ 5 : การจัดการข้อมูล "เก็บเข้าคลังบทความ"</a> </li><li><a href="http://bloggerbuild.blogspot.com/2008/04/23.html">แนะนำส่วน "การตั้งค่า" ตอนที่ 6 : การจัดการข้อมูล "ฟีดของไซต์", "อีเมล" และ "OpenID" (ตอนจบ) </a></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/25.html">ส่วน "รูปแบบ"/ "องค์ประกอบหน้า"/ "ชื่อเว็บบล็อก" เรื่องการจัดการชื่อเว็บบล็อก</a> </li><li><a href="http://bloggerbuild.blogspot.com/2008/04/16.html"><span style="font-family: verdana;">ส่วน "รูปแบบ"/ "เลือกแม่แบบใหม่" หรือเลือกเทมเพลทใหม่ เพื่อเปลี่ยนแบบของบล็อก</span></a><span style="font-family: verdana;"> </span></li><li><span style="font-family: verdana;"><a href="http://bloggerbuild.blogspot.com/2008/04/26.html">ส่วนการจัดการ "การเขียนบทความ" หรือ การเขียนบล็อก</a></span></li></ol><span style="color: #000099; font-family: verdana; font-size: 130%;">Gadget หรือ ของตกแต่งบล็อก สำหรับบล็อกขอคุณ</span><br /><ol><li><a href="http://bloggerbuild.blogspot.com/2008/04/19.html"><span style="font-family: verdana;">Gadget (ของตกแต่งบล็อก) ตอนที่ 1 : flag counter หรือแสดงธงชาติของผู้เยี่ยมชมบล็อก</span></a><span style="font-family: verdana;"> </span></li><li><a href="http://bloggerbuild.blogspot.com/2008/04/24.html">Gadget (ของตกแต่งบล็อก) ตอนที่ 2 : hit stat counter หรือการแสดงสถิติของผู้เยี่ยมชมบล็อก</a> </li></ol><br /><span style="font-family: verdana;">หวังว่าเพื่อนๆ คงได้รับประโยชน์กันนะครับ<br /></span><br /><div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">ขอบคุณครับ<br /><a href="http://preedaroom.blogspot.com/" style="color: #633709; text-decoration: none;"><b>ปรีดา ลิ้มนนทกุล</b></a><br /><b style="color: #633709; text-decoration: none;"><a href="http://preedastation.blogspot.com/" style="color: #633709; text-decoration: none;">คนทุพพลภาพมืออาชีพ</a></b></div><div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"><b style="text-decoration: none;"></b><b><a href="http://twitter.com/preedano" style="color: #1d44a1; text-decoration: none;">@preedano</a></b><span style="color: white;">.</span></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1696469633125760250?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com16tag:blogger.com,1999:blog-1438928495303022325.post-89745221900227557622008-04-26T06:14:00.000-07:002008-04-26T06:15:31.443-07:0054<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-8974522190022755762?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-76581478774612940532008-04-26T06:11:00.000-07:002008-04-26T06:14:47.150-07:0053<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7658147877461294053?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-58793193992491489062008-04-26T06:08:00.000-07:002008-04-26T06:10:36.423-07:0052<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5879319399249148906?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-45621912710934452432008-04-25T08:30:00.000-07:002008-04-25T08:31:11.629-07:0051<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4562191271093445243?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-48400619656822070342008-04-25T08:27:00.002-07:002008-04-25T08:29:14.080-07:0050<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4840061965682207034?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-52844481360557436652008-04-25T08:27:00.001-07:002009-01-03T21:42:03.954-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ที่ต้องการให้กำลังใจ หรือมีคำถามที่ไม่เกี่ยวข้องกับบทความในแต่ละตอนที่เขียน ผมก็จะหาคำตอบมาให้ หรือจากผู้รู้ท่านอื่นๆ นะครับ ก็สามารถเขียนใส่มาใน "แสดงความคิดเห็น" ด้านล่างนี้เลยนะครับ</span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5284448136055743665?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com18tag:blogger.com,1999:blog-1438928495303022325.post-62385906490919509072008-04-25T08:26:00.002-07:002008-04-25T08:27:11.701-07:0048<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6238590649091950907?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-90889128481428425622008-04-25T08:26:00.001-07:002008-04-25T08:26:44.383-07:0047<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-9088912848142842562?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-49390174892736924012008-04-25T08:25:00.002-07:002008-04-25T08:26:12.414-07:0046<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4939017489273692401?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-78998332608532298262008-04-25T08:25:00.001-07:002008-04-25T08:25:52.564-07:0045<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7899833260853229826?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-57140291236154808612008-04-25T08:24:00.002-07:002008-04-25T08:25:09.833-07:0044<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5714029123615480861?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-64741995312851565192008-04-25T08:24:00.001-07:002008-04-25T08:24:30.504-07:0043<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6474199531285156519?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-52247477244987979072008-04-25T08:23:00.004-07:002008-04-25T08:24:04.840-07:0042<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5224747724498797907?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-13390472408714197292008-04-25T08:23:00.003-07:002008-04-25T08:23:42.724-07:0041<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1339047240871419729?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-61888415263895958452008-04-25T08:23:00.001-07:002008-04-25T08:23:19.627-07:0040<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6188841526389595845?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-55460437279212566332008-04-25T08:22:00.003-07:002008-04-25T08:22:58.859-07:0039<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5546043727921256633?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-30669194039636090232008-04-25T08:22:00.001-07:002008-04-25T08:22:36.920-07:0038<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-3066919403963609023?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-61885999591386243212008-04-25T08:21:00.004-07:002008-04-25T08:22:10.400-07:0037<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6188599959138624321?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-80091667065702357212008-04-25T08:21:00.003-07:002008-04-25T08:21:47.875-07:0036<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-8009166706570235721?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-15173923711582815302008-04-25T08:21:00.001-07:002008-04-25T08:21:27.437-07:0035<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1517392371158281530?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-77044928138809989852008-04-25T08:20:00.004-07:002008-04-25T08:21:07.116-07:0034<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7704492813880998985?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-12507777142609335112008-04-25T08:20:00.003-07:002008-04-25T08:20:44.580-07:0033<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1250777714260933511?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-79142275243422603602008-04-25T08:20:00.001-07:002008-04-25T08:20:22.817-07:0032<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7914227524342260360?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-80391820242224954222008-04-25T08:19:00.003-07:002008-04-25T08:19:54.864-07:0031<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-8039182024222495422?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-45086438811255647122008-04-25T08:19:00.001-07:002008-04-25T08:19:29.903-07:0030<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4508643881125564712?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-11484739886566077572008-04-25T08:18:00.004-07:002008-04-25T08:19:09.786-07:0029<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1148473988656607757?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-79660787348331768252008-04-25T08:18:00.003-07:002008-04-25T08:18:46.446-07:0028<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7966078734833176825?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-76018743470839613792008-04-25T08:18:00.001-07:002011-11-22T07:11:46.039-08:00<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 102px;" src="http://2.bp.blogspot.com/-b4ot-TFAvu0/TsuQZazPp6I/AAAAAAAAU1U/-AUNNzzp0TM/s320/nuffnang-logo.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5677790521596028834" />สวัสดีครับ เพื่อนๆ ที่ได้เข้ามาอ่านบทความการสร้างบล็อก เขียนบล็อก ของผม สำหรับบทความแรกนี้ ผมเคยตั้งใจมานานแล้วว่าอยากเขียนบทความแนะนำเว็บบล็อก เว็บไซต์ ดีๆ ที่มีประโยชน์กับเพื่อนๆ ในการสร้างบล็อก เขียนบล็อก หรือพัฒนาบล็อกของตัวเองนะครับ ผมจึงอยากขอประเดิมเริ่มแรกเลยที่ nuffnang<br /><br />หลายวันก่อน ผมได้รับโทรศัพท์จากคนที่ไม่รู้จักคนหนึ่ง ซึ่งอยากจะบอกเพื่อนๆ ว่า ตั้งแต่ผมเขียนบล็อก เผยแพร่ความรู้ต่างๆ ออกไปตั้งแต่ปี 2006 ผมรับโทรศัพท์จากคนไม่รู้จักเยอะมากครับ และส่วนตัวก็กลายเป็นที่ปรึกษาให้คนเหล่านั้นจำนวนมากทั้งด้านการแก้ไขเครดิตบูโร ด้านการรักษาสุขภาพของคนพิการ การรักษาโรคเบาหวาน การดูแลแอร์ (เครื่องปรับอากาศ) เทคนิคการเขียนบล็อก การหางานทำของคนพิการ เป็นต้น<div><br /></div><div>อยากบอกเพื่อนๆ ว่า ผมไม่เคยคิดเลยว่า แค่การเขียนบล็อก มันจะทำให้ผมสามารถทำประโยชน์ให้กับสังคมและประเทศชาติได้มาก อย่างที่ผมคิดว่า ถ้าไม่มีอินเตอร์เน็ต และบล็อก ผมคงเป็นคนพิการที่อาจจะทำประโยชน์ไม่ได้มากขนาดนี้ รวมทั้งเว็บบล็อกนี้ที่ผมตั้งใจทำขึ้นมาเพื่อส่งเสริมการเรียนรู้เบื้องต้นให้กับ บล็อกเกอร์มือใหม่ทั้งหลาย แน่นอนผมก็เคยเป็นมือใหม่เหมือนกันครับ แต่ก็ไม่ได้บอกเพื่อนๆ ว่า ผมเป็นมืออาชีพในการเขียนบล็อกนะครับ เพียงแค่อาจจะมากกว่ามือใหม่เท่านั้น<br /><br />สาเหตุเพราะผมรู้ตัวดีว่า ผมกำลังคิดอะไร และทำอะไร ผมไม่ได้ต้องการเป็นบล็อกเกอร์มืออาชีพ เก่งกาจในการตกแต่งบล็อกแบบสุดๆ เขียน code ทุกอย่างได้เอง และสร้างเงินรายได้มหาศาลจากการทำบล็อก ผมเพียงแค่ต้องการเขียนบทความที่เป็นประโยชน์ให้กับผู้คนเท่านั้น หากเพื่อนๆ มองว่าถ้าเปรียบเทียบกับคนที่เริ่มต้นนั้น ผมอาจจะดูน่าจะเก่ง อยากบอกว่าทุกคนก็เป็นอย่างที่ผมทำได้ เท่าที่เพื่อนๆ เห็นในบล็อกต่างๆ ของผม (จริงๆ แล้วไม่เก่งอะไรเลย copy เขามาทั้งนั้นครับ เออ... หมายถึง copy ที่ code นะครับ)<br /><br />ผมจึงอยากย้อนกลับมาที่ การที่ทาง nuffnang โทรมาหา เพื่อแนะนำเว็บไซต์ และเชิญให้ผมเป็นสมาชิกของ nuffnang นั้น เพียงเท่านี้ในฐานะคนที่เป็น "บล็อกเกอร์ธรรมดาๆ" คนหนึ่งก็ปลื้ม มากแล้วครับ เพราะหลังจากที่ได้เข้าไปดูข้อมูลในเว็บไซต์แล้ว ไอเดียของการรวมตัวกันของเหล่าบล็อกเกอร์ นั้นมันตรงใจผมมากๆ ทำให้ผมไม่ลังเลใจเลยว่าจะต้องรีบเป็นสมาชิก</div><div><a href="http://www.nuffnang.co.th/"><br /></a><img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 320px; height: 108px;" src="http://3.bp.blogspot.com/-oTHOde1Vfio/TsuQQ7Mye3I/AAAAAAAAU1I/nedFUBaMb54/s320/header1resize.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5677790375674280818" />nuffnang ยังมีกิจกรรมให้กับสมาชิกเป็นระยะๆ ตัวอย่างเช่น กิจกรรมหนึ่งที่ผมขอคัดลอกมาเลยจากตัวอย่างของเว็บไซต์ (อยากแนะนำเพื่อนๆ ว่า อะไรดี เราเลียนแบบเลยครับ ไม่ต้องคิดมาก)</div><div><br /></div><div><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; background-color: rgb(229, 229, 229); ">16 ธันวาคม 2011 500 บล็อกเกอร์จากทั่วภูมิภาคเอเชียแปซิฟิก จะไปรวมตัวกันที่กรุงกัวลาลัมเปอร์ ประเทศมาเลเซีย เพื่อร่วมงาน Nuffnang เอเชียแปซิฟิกบล็อกอวอร์ด 2011 (NAPBAS 2011) ณ โรงแรมปุตราจายาแมริออท รางวัลนี้มีวัตถุประสงค์เพื่อ 1.เป็นเกียรติแก่บล็อกเกอร์ที่ดีที่สุดของภูมิภาคนี้ 2. เพื่อนำชุมชน Blogger จากทั่วเอเชียแปซิฟิกมารวมกันใน Nuffnang เอเชียแปซิฟิกบล็อกอวอร์ด 2011 (NAPBAS 2011) งาน Nuffnang เอเชียแปซิฟิกบล็อกอวอร์ด 2011 (NAPBAS 2011) ถูกจัดขึ้นเพื่อคุณด้วยการสนับสนุนจาก บริษัทโฟล์คสวาเกน มาเลเซีย (Volkswagen Malaysia)และ โรงแรมปุตราจายาแมริออท (Putrajaya Marriott)</span></div><div><br />ผมจึงอยากให้เพื่อนๆ ที่มีบล็อกที่มี content มีเนื้อหาสาระอยู่แล้ว ได้เป็นสมาชิก nuffnang ด้วยเช่นกัน เพราะเป็นองค์กรระหว่างประเทศ มีโอกาสร่วมกิจบกรรมต่างๆ และอาจจะมีรายได้จากฌโฆษณาที่ส่วนตัวผมคิดว่า คงไม่ได้ทำให้เรารวยนะครับ แต่สำหรับผม อาจเป็นคำตอบเพิ่มเติมลำดับที่ 2 ต่อจากการทำประโยชน์เพื่อผู้อื่น ว่า "อ๋อ มีรายได้ด้วยนะ" ซึ่งผมเตรียมตัวเอาไว้ตอบคุณแม่ ที่มักถามผมว่า "ปรีดา ทำอะไรดึกๆ ทุกคืน เห็นนอนดึกทุกคืนเลย ได้เงินไหมเนี่ย" ผมจะถกเถียงกับคุณแม่บ่อยๆ ว่า ทำอะไร เพื่ออะไร และเข้าใจผู้ใหญ่ที่มองเราเป็นเด็กเสมอ แม้ว่าเราจะอายุมากแค่ไหนก็ตาม เพราะว่าท่านก็จะต้องอายุมากกว่าเราอยู่ดี<br /><br />สบายใจแล้วครับ ก่อนจบบทความ เหมือนผมได้เริ่มทำ ในสิ่งที่ควรทำเพิ่มขึ้นอีกเรื่อง ผมจะพยายามแบ่งเวลามาอัพเดทบทความถึง เว็บบล็อก และเว็บไซต์ที่น่าสนใจ และเป็นประโยชน์กับเพื่อนๆ อีกนะครับ อย่าลืมติดตามอ่านกันครับ</div><div><br /></div><div>เกือบลืม เข้าสมัคร nuffnang ที่ลิงก์นี้นะครับ <a href="http://www.nuffnang.co.th/blogger/register">http://www.nuffnang.co.th/blogger/register</a><br /><br /><div><div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto; background-color: white; color: rgb(34, 34, 34); ">ขอบคุณครับ<br /><a href="http://preedaroom.blogspot.com/" style="text-decoration: none; color: rgb(99, 55, 9); "><b>ปรีดา ลิ้มนนทกุล</b></a><br /><b style="color: rgb(99, 55, 9); text-decoration: none; "><a href="http://preedastation.blogspot.com/" style="text-decoration: none; color: rgb(99, 55, 9); ">คนทุพพลภาพมืออาชีพ</a></b></div><div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto; background-color: white; color: rgb(41, 41, 41); "><div style="color: rgb(34, 34, 34); "><b style="text-decoration: none; "></b><b><a href="http://twitter.com/preedano" style="text-decoration: none; color: rgb(29, 68, 161); ">@preedano</a></b><span style="color: white; ">.</span></div><div style="color: rgb(34, 34, 34); "><span style="color: white; "><br /></span></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7601874347083961379?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-88599160217063543302008-04-25T08:12:00.000-07:002009-02-01T04:55:03.783-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ เรามาเริ่มเขียนบทความกันดีกว่าครับ จริงๆ แล้วก็คือพิมพ์บทความนั่นละครับ แต่ใช้คำว่า "เขียน" ก็สื่อไปในทางรูปแบบเก่าที่เวลาเราจะเขียนไดอารี่ หรือประสบการณ์ต่างๆ คงต้องเขียนกันเป็นหลัก ปัจจุบันก็คงพิมพ์เสียส่วนใหญ่ แต่ผมเคยได้ยินคุณบอย โกสิยพงษ์ ไม่มีเวลาพิมพ์ ใช้วิธีเขียนเป็นฉบับ</span> <span style="font-family:Verdana;">ร่างให้เจ้าหน้าที่ช่วยพิมพ์ให้เหมือนกัน สรุปว่า ก็ความหมายเดียวกันครับ (เพราะไม่ได้สื่อในรูป คำกิริยา)</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:Verdana;">การเขียนบทความก็คงไม่ยากเย็นอะไร ก็พิมพ์ลงไปนะครับ ในพื้นที่ ที่ระบบจัดเตรียมไว้ให้ แล้วก็มีการใส่รูปภาพเป็นส่วนใหญ่ หรือคลิ๊ปวีดีโอ ดังนั้น ก่อนถึงการเขียนบทความ เราลองมารู้จักกับเมนูต่างๆ ในหน้าการจัดการ "การเขียนบทความ" หรือ "สร้างบทความ" กันครับ</span><br /><br /><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVVkQYREPI/AAAAAAAAEYA/Aw_ZoMViK2E/s1600-h/w+0.1.png"><img id="BLOGGER_PHOTO_ID_5297734618031657202" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 268px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVVkQYREPI/AAAAAAAAEYA/Aw_ZoMViK2E/s400/w+0.1.png" border="0" /></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">คงต้องเริ่มจาก ผมจะแนะนำการเข้าสู่หน้า "สร้าง หรือ เขียนบทความ" 3 วิธี ง่ายๆ นะครับ คือ</span><br /><span style="font-family:Verdana;">1. กดที่เมนู "บทความใหม่" ที่อยู่ด้านขวามือบนสุด ในหน้าที่เว็บบล็อกที่เราเข้ามาผ่านวิธีการแบบ Log in เข้ามานะครับ</span><br /><br /><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVZorJTHI/AAAAAAAAEX4/M_DKglpBm50/s1600-h/w+0.2.png"><img id="BLOGGER_PHOTO_ID_5297734435574729842" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 267px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVZorJTHI/AAAAAAAAEX4/M_DKglpBm50/s400/w+0.2.png" border="0" /></a><span style="font-family:verdana;">2. เมื่อเวลาเราเขียนบทความเสร็จแล้ว และกดบันทึก ระบบจะพาเราไปที่หน้า "แก้ไขบทความ" ให้เรากดที่เมนู "สร้างบทความใหม่" ตามภาพตัวอย่างข้างบน</span><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVS9oET9I/AAAAAAAAEXw/kVtYyUCEiZg/s1600-h/w+0.3.png"><img id="BLOGGER_PHOTO_ID_5297734320939880402" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 253px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVS9oET9I/AAAAAAAAEXw/kVtYyUCEiZg/s400/w+0.3.png" border="0" /></a><span style="font-family:verdana;">3. ที่หน้าการจัดการ "รูปแบบ" ที่เมนูด้านซ้ายบน ให้กดที่เมนู "การส่งบทความ"</span><br /><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVVJQItlXI/AAAAAAAAEXo/5IfqUeCdNrk/s1600-h/w+1.0.png"><img id="BLOGGER_PHOTO_ID_5297734154109949298" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 327px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVVJQItlXI/AAAAAAAAEXo/5IfqUeCdNrk/s400/w+1.0.png" border="0" /></a></div><div><span style="font-family:verdana;">ทั้ง 3 วิธี ก็จะมาที่หน้าเว็บการจัดการในการสร้าง หรือเขียนบทความ ดังภาพตัวอย่าง งั้นมาดูเมนูต่างๆ กันครับ</span><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVB1FgvCI/AAAAAAAAEXg/kTZkn39uOaw/s1600-h/w+1.1.png"><img id="BLOGGER_PHOTO_ID_5297734026589682722" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 327px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVVB1FgvCI/AAAAAAAAEXg/kTZkn39uOaw/s400/w+1.1.png" border="0" /></a><span style="font-family:verdana;">เพื่อให้เพื่อนๆ เข้าใจในคำอธิบายง่ายๆ ผมจึงกำหนดเป็นตัวเลขกำกับแต่ละเมนูแทน เริ่มจาก</span></div><div><span style="font-family:verdana;"><span style="color:#000099;"><strong>ชื่อเรื่อง</strong></span> คือ การสร้างชื่อบทความ หรือหัวข้อของบทความที่เราเขียนก็ได้นะครับ</span><span style="font-family:verdana;"><br /></div></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUwj3GlZI/AAAAAAAAEXY/UuenIdjZKdI/s1600-h/w+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297733729908069778" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 378px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUwj3GlZI/AAAAAAAAEXY/UuenIdjZKdI/s400/w+2.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 1</span></strong> คือ <strong><span style="color:#000099;">การเลือกแบบของตัวอักษร</span></strong> ถ้าเรากดที่ลูกศรลง ก็จะแสดงแบบอักษร การใช้งานแบบตัวอักษรนี้ ก็สามารถทำได้ 2 วิธีคือ ลากเม้าส์ครอบคลุมพื้นที่ของตัวหนังสือที่ต้องการเปลี่ยนแบบตัวอักษร แล้วกดเลือกแบบได้เลย หรือ กดเลือกแบบตัวอักษรเลย ก่อนพิมพ์บทความ ครับ<br /><br /></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUrWnr4LI/AAAAAAAAEXQ/QEDOvizQbZ4/s1600-h/w+3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297733640454398130" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 340px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUrWnr4LI/AAAAAAAAEXQ/QEDOvizQbZ4/s400/w+3.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 2</span></strong> คือ <strong><span style="color:#000099;">การเปลี่ยนขนาดของตัวอักษร</span></strong> ซึ่งมีให้เลือก 5 ขนาด เพื่อนๆ สามารถเลือกใช้ได้ตามความเหมาะสมครับ Normal คือขนาดปกติ ผมมักใหญ่ ขนาดใหญ่ (Large) เมื่อเวลาต้องเน้นคำ หรือประโยค เด่นๆ ครับ</span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 3</span></strong> ที่<strong><span style="color:#000099;">เป็นตัว b หนาๆ</span></strong> เป็นการทำให้ตัวหนังสือที่เราต้องการกลายเป็นตัวหนา</span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 4</span></strong> ที่<span style="color:#000099;"><strong>เป็นตัว i เอียงๆ</strong></span> จะทำให้ตัวหนังสือที่เราต้องการกลายเป็ษนตัวเอียง<br /><br /></div></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVUhoqpc_I/AAAAAAAAEXI/_4QLfyNcS3E/s1600-h/w+5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297733473499968498" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 392px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVUhoqpc_I/AAAAAAAAEXI/_4QLfyNcS3E/s400/w+5.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 5</span></strong> เป็น<span style="color:#000099;"><strong>การเลือกสี ให้กับตัวอักษร</strong></span> ถ้าเราใช้อย่างเหมาะสม ก็จะเกิดความสวยงามของบทความ น่าอ่าน หรือใช้เน้นคำ ร่วมกับขนาดตัวอักษรบ้างก็ยังได้ ส่วนตัวผมแล้ว ผมยังใช้สีตัวอักษรมาแสดงอารมณ์ ความรู้สึกของคำ หรือประโยคนั้นๆ ด้วย เช่น ถ้าบทความนั้นผมเขียนถึง <strong><span style="color:#000099;">สิ่งที่ถูก</span></strong> กับ <strong><span style="color:#cc0000;">สิ่งที่ผิด</span></strong> ผมก็จะใช้สีถึงสิ่งที่ถูกเป็น<span style="color:#000099;">สีน้ำเงิน</span> ส่วนสิ่งที่ผิด ผมก็จะใช้<span style="color:#cc0000;">สีแดง</span> แทนครับ</span><span style="font-family:verdana;"><br /><br /></div></span><div><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUGx6hwyI/AAAAAAAAEWw/ErCsMWnYLBo/s1600-h/w+6.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297733012126024482" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 203px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVUGx6hwyI/AAAAAAAAEWw/ErCsMWnYLBo/s400/w+6.1.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><span style="color:#cc0000;"><strong>หมายเลข 6</strong></span> เป็น<span style="color:#000099;"><strong>เมนูการเชื่อมโยงลิงก์</strong></span> ให้กับคำ หรือประโยค เช่นเมื่อกล่าวถึง ชื่อ <a href="http://preedaroom.blogspot.com/">ปรีดา ลิ้มนนทกุล </a>ผมก็เชื่อมโยงลิงก์ หรือ URL <a href="http://preedaroom.blogspot.com/">http://preedaroom.blogspot.com/</a> ไปใส่ในช่อง URL ตามภาพตัวอย่างข้างบนนะครับ กด OK ก็เป็นอันเสร็จสิ้นการเชื่อมโยงลิงก์ (ตามตัวอย่างชื่อผมครับ)</span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 7</span></strong> เป็น<strong><span style="color:#000099;">การจัดลักษณะการวางของตัวหนังสือ</span></strong> ว่า จะให้ ชิดซ้าย, ตรงกลาง, ชิดขวา และ เฉลี่ยเต็มพื้นที่</span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 8</span></strong> เป็น<span style="color:#000099;"><strong>การจัดลำดับของข้อความ หรือประโยค</strong></span> เป็นข้อๆ เรียงตามเลข หรือ มีจุดนำหน้า และการยกข้อความทั้งย่อหน้า เพื่อนๆ ต้องลองเล่นข้อ 7 และ 8 เอง เวลาเขีนบทความ ก็จะเกิดความชำนาญในการใช้งานครับ<br /><br /></div></span><div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVTwghJ5lI/AAAAAAAAEWg/G-faU0MBJRo/s1600-h/w+7.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297732629499078226" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 318px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVTwghJ5lI/AAAAAAAAEWg/G-faU0MBJRo/s400/w+7.1.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 9</span></strong> เป็น<strong><span style="color:#000099;">การเพิ่มรูปภาพในบทความ</span></strong> โดยสามารถเพิ่มภาพได้ทั้งจากไฟล์ในเครื่องคอมพิวเตอร์ของเราเอง (Browse) หรือจาก URL จากนั้นเลือกรูปแบบ การวางรูปซ้าย-กึ่งกลาง-ขวา (ส่วนไม่มีนั้น ผมก็ไม่เคยใช้ครับ) ส่วนด้านข้างบริเวณ "ขนาดรูปภาพ" มีให้เลือก ขนาดเล็ก-ปานกลาง-ขนาดใหญ่ ส่วนช่องที่ให้ติ๊กหน้าช่อง "ใช้เลย์เอาต์นี้ทุกครั้งหรือไม่" ก็ขึ้นอยู่กับการใช้งานนะครับ</span></div><div><br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVTsU2f3WI/AAAAAAAAEWY/CwdOyfFVRQ0/s1600-h/w+8.01.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297732557647895906" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 297px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVTsU2f3WI/AAAAAAAAEWY/CwdOyfFVRQ0/s400/w+8.01.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"><strong><span style="color:#cc0000;">หมายเลข 10</span></strong> เป็น<span style="color:#000099;"><strong>การเพิ่มวีดีโอในบทความ</strong></span> (ขอสารภาพว่า ยังไม่เคยใช้งานเลยครับ) แต่น่าจะใช้งานเหมือนกันคือ กด Browse เพื่อโหลดไฟล์วีดีโอ ตั้งชื่อ และก็บันทึก (ถ้าทดลองใช้จะกลับมาอัพเดทอีกครั้งครับ)</span></div><div><span style="font-family:Verdana;"><strong><span style="color:#cc0000;">หมายเลข 11</span></strong> เป็น<span style="color:#000099;"><strong>การลบการจัดรูปแบบจากส่วนที่เลือก</strong></span> ซึ่งผมยังไม่เคยใช้งานครับ</span></div><div><span style="font-family:Verdana;"><strong><span style="color:#cc0000;">หมายเลข 12</span></strong> เป็น<span style="color:#000099;"><strong>เมนู Type in Hindi</strong></span> ที่ไม่กล้าใช้งานครับ จึงยังไม่เคยใช้เลย กลัวว่าบทความจะถูกเปลี่ยนเป็นภาษาอื่นครับ</span></div><div><br /><br /><div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYVTdjGjDcI/AAAAAAAAEWI/f6nB8mK2k3g/s1600-h/w+8.02.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297732303775272386" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 322px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYVTdjGjDcI/AAAAAAAAEWI/f6nB8mK2k3g/s400/w+8.02.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">มาถึง<strong><span style="color:#cc0000;">หมายเลข 13</span></strong> เป็น <span style="color:#000099;"><strong>เมนู "แสดงตัวอย่าง"</strong></span> ให้เพื่อนๆ เมื่อลองพิมพ์บทความลงไปแล้ว ทดลองกดที่เมนู ระบบก็จะแสดงตัวอย่างบทความให้ดูครับ ดังภาพตัวอย่างข้างล่างครับ<br /><br /></span><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVTQuCKNSI/AAAAAAAAEV4/7VSqc6476Dg/s1600-h/w+8.5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297732083371357474" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 244px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVTQuCKNSI/AAAAAAAAEV4/7VSqc6476Dg/s400/w+8.5.png" border="0" /></span></a><span style="font-family:verdana;"><br /></span><div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVTEd29hOI/AAAAAAAAEVo/6t3DH1zGzfA/s1600-h/w+8.9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297731872870991074" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 317px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVTEd29hOI/AAAAAAAAEVo/6t3DH1zGzfA/s400/w+8.9.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ก่อนหน้านี้ ที่ผมอธิบายเมนูต่างๆ ของการเขียนบทความนั้น ถ้าเพื่อนๆ สังเกตจะเห็นว่าเป็นส่วนการจัดการ "การเขียน" โดยดูได้จากเมนูขวามือ ที่ผมวงไว้ว่า A คราวนี้มาถึงเมนู "แก้ไข Html" ที่ผมวงไว้ว่า B เป็นส่วนที่เราสามารถวางโค้ด Html นะครับ ทั้งโค้ด หรือ Embed เช่น จาก youtube.com หรือ daraoke.com (ผมจะเขียนบทความขยายความในส่วนนี้ รวมทั้งส่วนอื่นๆ ที่เกี่ยวข้องในบทความใหม่ ต่อๆ ไปนะครับ) พื้นที่นี้สามารถคีย์ตัวอักษรปกติได้ และใช้งานตามเมนูเท่าที่มีให้นะครับ แต่ถ้าจะใช้ฟังก์ชั่นเมนูมากกว่านี้ ต้องข้ามไปใช้ในส่วนการจัดการ "การเขียน" แทนครับ</span></div><div><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVS_7QcG-I/AAAAAAAAEVg/OJAF0qfFAhw/s1600-h/w+9.6.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297731794863135714" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 143px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYVS_7QcG-I/AAAAAAAAEVg/OJAF0qfFAhw/s400/w+9.6.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">มีเรื่องเล็กๆ น้อยๆ ที่จะบอกเพื่อนๆ ว่า ถ้าสังเกตดีๆ เวลาเราพิมพ์บทความไปได้สักระยะหนึ่ง (พักใหญ่เหมือนกันครับ) ตรงพื้นที่ ที่ผมวงไว้ว่า "ว่าง" นั้น จะมีข้อความขึ้นแสดงว่า มีการบันทึกแบบร่าง ดังตัวอย่างภาพข้างล่างนะครับ</span></div><div><div></div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVS6MN8vPI/AAAAAAAAEVY/k_uq_9RjI-Q/s1600-h/w+9.7.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297731696336878834" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 127px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYVS6MN8vPI/AAAAAAAAEVY/k_uq_9RjI-Q/s400/w+9.7.png" border="0" /></span></a></div><div><div></div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVS1FNCyqI/AAAAAAAAEVQ/ByWFB0RdeIM/s1600-h/w+9.9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297731608554687138" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 49px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYVS1FNCyqI/AAAAAAAAEVQ/ByWFB0RdeIM/s400/w+9.9.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">และก่อนจะจบ ก็ต้องแนะนำส่วนสุดท้ายคือ ช่องการใส่คีย์เวิร์ด ที่เรียกว่า Tag ที่มีความสำคัญมากนะครับ เรียกได้ว่าเป็นอีกอง</span><span style="font-family:Verdana;">ค์ประกอบหนึ่งที่จะทำให้บทความ หรือบล็อกของเราติดอันดับ Google ได้ง่ายขึ้นครับ </span><span style="font-family:Verdana;">จบแล้วครับ สำหรับบทความตอนนี้ ยาวหน่อยนะครับ</span></div><div><span style="font-family:Verdana;color:#ffffff;">.</span></div><div></div><div><span style="font-family:verdana;">ขอบคุณครับ</span></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a><span style="font-family:verdana;"> </span></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-8859916021706354330?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com7tag:blogger.com,1999:blog-1438928495303022325.post-40798768498208465722008-04-25T07:59:00.002-07:002009-01-31T13:03:43.317-08:00<div align="left"><span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ บทความตอนนี้ สั้นๆ ง่ายๆ เป็นการเพิ่มเติม หรือปรับปรุง หรือเปลี่ยนแปลง เกี่ยวกับ "ชื่อเว็บบล็อก" และ คำอธิบายของเว็บบล็อก ซึ่งอยู่บริเวณด้านบนสุดของเว็บบล็อก ผมขอยกตัวอย่างของบล็อกนี้เลยนะครับ จะได้ดูง่ายๆ ครับ<br /><br /></div></span><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYOLUX4T74I/AAAAAAAAEVI/8CF-GGHPttA/s1600-h/a+1.0.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297230768841682818" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 241px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYOLUX4T74I/AAAAAAAAEVI/8CF-GGHPttA/s400/a+1.0.png" border="0" /> <p align="center"></span></a><span style="font-family:verdana;">เช่นเดิมนะครับ เข้ามาที่ส่วนการจัดการ "รูปแบบ"</span></p><p align="center"><span style="font-family:Verdana;"></span><span style="font-family:verdana;"></p></span><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOKofFshXI/AAAAAAAAEVA/eumFO_QGnYw/s1600-h/a+1.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297230014862624114" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 241px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOKofFshXI/AAAAAAAAEVA/eumFO_QGnYw/s400/a+1.1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">ดูที่ส่วน "องค์ประกอบ" ที่ชื่อเรื่อง ตามที่ผมวงรี (ไม่ค่อยเรียบร้อย) จากนั้นกดที่เมนู "แก้ไข" นะครับ<br /><br /></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYOKe8TzY8I/AAAAAAAAEU4/-Lh2EDHkm8Y/s1600-h/a+2.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297229850907730882" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 277px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYOKe8TzY8I/AAAAAAAAEU4/-Lh2EDHkm8Y/s400/a+2.1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">เมื่อกดแล้วจะเห็นหน้าต่าง "กำหนดค่าส่วนหัว" ขึ้นมา คือก็หมายถึงว่า หัวเรื่อง หรือชื่อเรื่อง หรือชื่อบล็อก ความหมายเดียวกันครับ ผมจะเริ่มอธิบายทีละส่วนนะครับ</span><br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYOKUkG5uhI/AAAAAAAAEUw/U2DJgYdojzY/s1600-h/a+2.3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297229672612477458" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 355px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYOKUkG5uhI/AAAAAAAAEUw/U2DJgYdojzY/s400/a+2.3.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ชื่อบล็อก</span></strong> ก็ความหมายตรงตัว เราสามารถเปลี่ยนได้ตลอดเวลา เท่าที่เราอยากจะเปลี่ยน แต่ผมก็แนะนำว่าอาจจะต้องคงไว้ซึ่งบุคคลิกของบล็อกด้วยนะครับ ที่สำคัญก็คือ ชื่อบล็อก นั้นมีผลต่อการค้นหาของระบบ spider robot หรือ spider network ของ Google ด้วย ถ้าเพื่อนๆ อยากให้เว็บบล็อกของเราติดอันดับในการค้นหาโดยระบบของ Google การตั้งชื่อบล็อกถือว่ามีความสำคัญมากทีเดียวครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">คำอธิบายบล็อก</span></strong> ก็อยูที่ว่าเราอยากจะสื่อความหลายอะไร ตัวตนของบล็อกเรา ความรู้สึก หรือการขยายความชื่อของบล็อก ก็ได้ ลองๆ เล่นดู เพราะว่าสามารถแก้ไขได้ตลอดครับ สบายๆ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">รูปภาพ</span></strong> ในส่วนนี้ผมอยากให้เพื่อนๆ ดูที่การจัดวางก่อน ว่าถ้าเราจะใส่รูปภาพที่ส่วนชื่อองบล็อกเรานั้น ตองคำนึงเรื่องการจัดวาง และเรื่องเล็กๆ น้อยๆ เช่นว่า ตัวหนังสือเราเป็นสีขาว พื้นสีน้ำเงิน แต่เรากับเลือกรูปภาพสีขาว ก็จะไม่เห็นชื่อบล็อก และคำอธิบาย เหมือนกัน ในส่วนการจัดวางก็เลือกดูนะครับว่า ถ้าเราใส่ภาพแล้วอยากให้</span><span style="font-family:verdana;">ภาพอยู่ "เบื้องหลังชื่อ และคำอธิบาย" หรือว่า</span><span style="font-family:verdana;">ภาพไป "แทนที่ชื่อ และคำอธิบาย" </span><span style="font-family:verdana;">ซึ่งก็แนะนำว่าให้ติ๊กที่ช่อง "ลดขนาดให้พอดี" จากนั้นก็สามารถใส่ไฟล์รูปภาพจากทั้งแบบเลือกจากไฟล์ในคอมพิวเตอร์ของเรา (Browse) หรือจาก URL ของภาพนั้นก็ได้ครับ<br /></span><span style="font-family:verdana;"></li></ul></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOKBd5UUuI/AAAAAAAAEUo/sPSWZ0XQDCQ/s1600-h/a+3.0.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297229344527373026" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 240px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOKBd5UUuI/AAAAAAAAEUo/sPSWZ0XQDCQ/s400/a+3.0.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">เช่นเดิมนะครับ เมื่อเปลี่ยนแปลงข้อมูลแล้ว ก็ต้องกดเมนู "บันทึก" สีส้ม แล้วก็กดที่เมนู "ดูบล็อก" ในหน้าส่วนการจัดการ "รูปแบบ" ซึ่งก็อยู่ข้างๆ เมนูรูปแบบ นั่นละครับ ก็จะเห็นหน้าเว็บบล็อกของเราหน้าแรกนะครับ</span></div><div><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOJ6O-xLII/AAAAAAAAEUg/zrB_hHOv6qg/s1600-h/a+3.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297229220264619138" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 133px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYOJ6O-xLII/AAAAAAAAEUg/zrB_hHOv6qg/s400/a+3.1.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ผมขยายเฉพาะส่วนหัว หรือชื่อบล็อก มาให้เพื่อนๆ ดูกัน ก็ง่ายๆ นะครับ จบแล้วครับ สำหรับบทความตอนนี้ครับ </span></div><div><span style="font-family:verdana;"><span style="color:#ffffff;">.</span><br /></div></span><div></div><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4079876849820846572?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com3tag:blogger.com,1999:blog-1438928495303022325.post-52927541900488211922008-04-25T07:59:00.001-07:002009-01-30T14:25:37.373-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ บทความตอนนี้ เป็นการนำโค้ดตกแต่งบล็อกมาให้เพื่อนๆ ได้เอาไปใช้งานกัน กับบทความส่วน Gadget หรือของตกแต่งบล็อก ตอนที่ 1 ที่ผมแนะนำการแสดงสถิติแบบธงชาติ ซึ่งก็มีจุดเด่นอีกแบบหนึ่ง กับของ HitStat นี้ก็เช่นกันครับ มีจุดเด่นเรื่องรายงานการเข้าชม หรือสถิติ นั่นเองได้ดีพอสมควร ทำให้สามารถนำข้อมูลไปปรับปรุงเว็บบล็อก ได้เช่นกันครับ</span><br /><span style="font-family:verdana;"></span><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNcbxfypDI/AAAAAAAAEUY/bdpBBtC-Gdw/s1600-h/hs+00.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297179218930738226" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 345px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNcbxfypDI/AAAAAAAAEUY/bdpBBtC-Gdw/s400/hs+00.png" border="0" /></span></a><span style="font-family:verdana;">วิธีเข้าใช้งานเพื่อสร้างตัววัดสถิติผมมีแนะนำ 2 วิธี คือ เข้าไปที่เว็บไซต์ <a href="http://www.histats.com/">http://www.histats.com/</a> แต่ส่วนตัวผมจะใช้วิธีไปที่เว็บบล็อกของตัวผมแล้วกดที่ แบนเนอร์ของ hitatat ดังภาพข้างบนตัวอย่างครับ</span><br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYNcRNjme8I/AAAAAAAAEUQ/JEnXGnvm7KM/s1600-h/hs+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297179037484350402" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 248px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SYNcRNjme8I/AAAAAAAAEUQ/JEnXGnvm7KM/s400/hs+1.png" border="0" /></span></a><span style="font-family:verdana;">ภาพนี้เป็นหน้าตาของเว็บเมื่อผมกดที่แบนเนอร์ ซึ่งไม่ใช่หน้าหลัก ส่วนเพื่อนๆ ท่านใดถ้ากดลิงก์ตาม URL ที่ผมให้ไว้ก็จะไปที่หน้าหลักครับ แต่ว่าค่าเท่ากัน เพราะว่าต้องกดที่เมนู "REGISTER" อยู่ดีครับ</span><span style="font-family:verdana;"><br /><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNcIonnMDI/AAAAAAAAEUI/0jX1ZT9ZCPw/s1600-h/hs+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178890130108466" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 210px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNcIonnMDI/AAAAAAAAEUI/0jX1ZT9ZCPw/s400/hs+2.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div align="center"><span style="font-family:verdana;">กดเมนู "REGISTER" ตามภาพครับ</span></div><span style="font-family:verdana;"><div><br /></div></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNcCE1PA_I/AAAAAAAAEUA/6OSIpqcvxhk/s1600-h/hs+2.0.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178777444353010" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 248px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNcCE1PA_I/AAAAAAAAEUA/6OSIpqcvxhk/s400/hs+2.0.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div align="center"><span style="font-family:verdana;">เมื่อกดแล้วจะเห็นหน้าเว็บดังนี้ แล้วผมจะอธิบายทีละส่วนต่อไปครับ<br /><br /></div></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNb7jZltKI/AAAAAAAAET4/NxE4sr8sMdY/s1600-h/hs+2.1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178665390814370" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 264px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNb7jZltKI/AAAAAAAAET4/NxE4sr8sMdY/s400/hs+2.1.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">เนื่องจากการเริ่มใช้งานก็ต้องสร้างบัญชีให้ตัวเองก่อนในส่วนของ <span style="font-size:130%;color:#000099;">Account Info</span> ก็กรอก อีเมล์ของตัวเองที่ใช้งานใน 2 ช่องแรก mail, mail confirm จากนั้นกรอก password (มาถึงตรงนี้ ผมก็ขอแนะนำเพื่อนๆ ว่า ปัจจุบันเรามีการใช้งานอินเตอร์เน็ตค่อนข้างมาก แต่ละเว็บก็ให้สร้างบัญชีทั้งนั้น ดังนั้น เพื่อนๆ ควรมีการจัดการ password อย่างเป็นระบบด้วยนะครับ เพราะผมเองเคยมั่วมาแล้ว ปัจจุบันนี้ ผมไม่มั่ว ไม่ต้องบันทึก จำได้ทุกเว็บไซต์แล้วครับ) ในช่อง password, password confirm ซึ่งเพื่อนๆ จะเห็นว่ามันง่ายมากเลย ไม่มีอะไรยุ่งยาก</span><span style="font-family:verdana;"><br /><br />ต่อไปเป็น<span style="font-size:130%;color:#000099;">ส่วน Site Info</span></span></div><ul><li><span style="font-family:Verdana;">ในช่องแรก <strong><span style="color:#000099;">ต้องนำ URL ของเว็บบล็อกที่เราสร้างมาใส่ไว้</span></strong>เช่น <a href="http://bloggerbuild.blogspot.com/">http://bloggerbuild.blogspot.com/</a> เป็นต้น ต้องมี http:// ขึ้นต้นนะครับ</span></li><li><span style="font-family:Verdana;">ช่อง 2 คือ <strong><span style="color:#000099;">title หรือชื่อเว็บบล็อก</span></strong> (แต่ส่วนตัวของผม ผมก็อบเอา URL วางเลยครับ เพราะว่าไม่ได้สำคัญอะไร ผมสังเกตดูว่าไม่เห็นมีกลับเอามาใช้งานให้เกิดประโยชน์อะไร แต่ถ้าเพื่อนๆ จะใส่ชื่อให้เรียบร้อยก็ดี นานาจิตตังครับ)</span></li><li><span style="font-family:Verdana;">ช่อง 3 คือ <strong><span style="color:#000099;">description</span></strong> แปลว่ารายละเอียดของบล็อก ผมใส่ URL เหมือนเดิม เหตุผลเหมือนข้อ 2 เพื่อนๆ จะกรอกก็ได้ครับ</span></li><li><span style="font-family:Verdana;">ช่อง 4 <strong><span style="color:#000099;">page views start value</span></strong> คือ การแสดงจำนวนว่ามีคนคลิ๊กอ่านเนื้อหาของเรากี่หน้าแล้ว มีให้เราใส่ตัวเลขหลอกชาวบ้านว่า เว็บบล็อกเรามีคนเข้ามาดูเยอะมากๆ ใส่เป็นล้านคนก็ได้นะครับ แต่ของผมไม่ใส่เลขอะไรเลย เริ่มต้นที่ศูนย์ครับ (โดยปกติค่าของ page views ต้องสูงกว่า visitors อยู่แล้วครับ)</span></li><li><span style="font-family:Verdana;">ช่อง 5<strong><span style="color:#000099;"> visitors start value</span></strong> คือ การแสดงจำนวนว่ามีคนคลิ๊กเข้ามาที่บล็อกกี่คนแล้ว และให้เราเริ่มใส่ตัวเลขเริ่มต้นได้ แต่ผมก็ไม่ใส่อะไรเลข จึงเริ่มที่ศูนย์อีกเช่นกันครับ</span></li></ul><div><span style="font-family:verdana;"></div></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNb1Qxoj2I/AAAAAAAAETw/SpssOpqghCc/s1600-h/hs+3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178557312175970" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 270px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNb1Qxoj2I/AAAAAAAAETw/SpssOpqghCc/s400/hs+3.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ต่อไปเป็น<strong><span style="color:#000099;">ส่วน Time Zone</span></strong> ที่ควรให้ความสำคัญนะครับ ไม่งั้นอาจเกิดอาการหงุดหงิดได้เมื่อเห็นยอดสถิตหลังเที่ยงคืนแล้วไม่เริ่มต้นนับใหม่ในแต่ละวัน<br /><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNbvHAxeGI/AAAAAAAAETo/gVgHrzxnYkQ/s1600-h/hs+3.2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178451612104802" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 358px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNbvHAxeGI/AAAAAAAAETo/gVgHrzxnYkQ/s400/hs+3.2.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ให้เลือกที่ข้อ 2 Select your time zone จะง่ายที่สุด แต่เพื่อนๆ จะเลือกเวลาจากข้อ 1 หรือ 3 ก็ได้แล้วแต่ถนัดกันครับ ขอให้มี Bangkok ขึ้น เป็นใช้ได้ ตามภาพตัวอย่างครับ<br /><br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYNbkfYr8WI/AAAAAAAAETg/W_3gJGk7wP4/s1600-h/hs+4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178269176295778" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 154px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SYNbkfYr8WI/AAAAAAAAETg/W_3gJGk7wP4/s400/hs+4.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ส่วนต่อมา คือ การ<strong><span style="color:#000099;">เลือกข้อกำหนดของบล็อก</span></strong> ชนิด เลือก blog, Category ผมเลือก Others, Language เลือก english ตามของเดิม และที่ตำแหน่งติ๊กถูกหลัง NOT public stats ผมไม่ไปยุ่งอะไร ครับ<br /><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNbcUtcr0I/AAAAAAAAETY/cTzcXZViucg/s1600-h/hs+5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297178128871632706" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 128px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SYNbcUtcr0I/AAAAAAAAETY/cTzcXZViucg/s400/hs+5.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">จะเกือบเสร็จแล้วครับในหน้านี้ ที่ตำแน่งข้อ 1 นั้นส่วนใหญ่จะมีติ๊กเครื่องหมายถูกอยู่แล้ว ก็กดที่ตำแหน่ง 2 คือ Continue ได้เลย จะได้ไปสู่ขั้นตอนต่อๆ ไปครับ<br /><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNa3iEBJrI/AAAAAAAAETQ/U61rA4tud1c/s1600-h/screen_err_02.jpg"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5297177496800798386" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 235px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SYNa3iEBJrI/AAAAAAAAETQ/U61rA4tud1c/s400/screen_err_02.jpg" border="0" /></span></a><span style="font-family:verdana;"></span></div><ul><li><span style="font-family:verdana;">ในหน้าต่อไป จะมีให้เรา<strong><span style="color:#000099;">เลือกรูปแบบของแบนเนอร์ที่โชว์สถิติ</span></strong>ครับ เพื่อนๆ สามารถเลือกได้ตามชอบใจ ผมมักเลือกแบบที่มี 4 แถว เพราะใช้งานง่าย คนดูเข้าใจง่าย</span></li><li><span style="font-family:Verdana;">เมื่อกดปุ่ม Continue จะไปหน้าที่<strong><span style="color:#000099;">เลือกสี และแบบที่ชอบใจ</span></strong> จากที่เลือกหัวข้อหลักมาแล้ว ผมมักเลือกสีที่เข้ากับสีพื้น หรือสีหลักของบล็อกครับ เช่น สีพื้นสีขาว แต่หัวสี หรือแถบข้างออกโทนน้ำเงิน ผมก็จะเลือกแบนเนอร์แสดงสถิติเป็นสีน้ำเงิน เป็นต้น</span></li><li><span style="font-family:Verdana;">เมื่อกดปุ่ม Continue จะไปหน้าที่<strong><span style="color:#000099;">แสดงโค้ดแบบต่างๆ ซึ่งแบบแรกเป็นโค้ด HTML</span></strong> ซึ่งผมใช้โค้ดนี้ ผมก็ copy ไปวางในองค์ประกอบสำหรับ HTML/ Javascript ตามตัวอย่างในของตกแต่งบล็อกตอนที่ 1 ได้เลยนะครับ (ที่ลิ้งค์นี้ <a href="http://bloggerbuild.blogspot.com/2008/04/19.html">http://bloggerbuild.blogspot.com/2008/04/19.html</a> ด้านล่างของบทความครับ)<br /></li></ul></span><div><span style="font-family:Verdana;">การใช้งาน hitstat นั้นยังมีส่วนที่เพิ่มเติม และแก้ไขข้อมูล รวมทั้งการดูสถิติด้วยครับ ซึ่งผมจะนำมาแนะนำในโกสต่อๆป แต่ถ้าเพื่อนๆ ลองคลิ๊กไปคลิ๊กมา กดเข้าไปดูของตัวเองที่ได้วางแบนเนอร์แล้ว สักพักก็จะใช้งานเพิ่มเติมได้เองครับ</span></div><div></div><div><div><span style="font-family:verdana;">ขอบคุณครับ</span></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5292754190048821192?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com10tag:blogger.com,1999:blog-1438928495303022325.post-5712386416910202252008-04-25T07:58:00.002-07:002009-01-11T09:27:20.175-08:00สวัสดีครับ เพื่อนๆ บทความตอนนี้ก็ 3 เรื่องรวดของ "การตั้งค่า" เลยนะครับ คือ "ฟีดของไซต์", "อีเมล" และ "OpenID" ก็เท่ากับว่าตอนนี้ก็จบชุดบทความ "การตั้งค่า" กันเลยนะครับ<br /><br /><br /><p><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWobk1RzgGI/AAAAAAAAENc/iX0V85oKaTk/s1600-h/333+1.png"><img id="BLOGGER_PHOTO_ID_5290071031891066978" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 313px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWobk1RzgGI/AAAAAAAAENc/iX0V85oKaTk/s400/333+1.png" border="0" /></a><br />เริ่มจากส่วน<span style="color:#000099;"><strong>การจัดการ "ฟีดของไซต์"</strong></span> ที่ผมขอสารภาพกับเพื่อนๆ ก่อนเลยนะครับว่า<span style="font-size:130%;color:#000099;"> ไม่รู้เรื่อง</span> เลยครับ คือยังไม่เข้าใจเลยแม้แต่นิดเดียว ถ้าเรียนรู้แล้วทราบ จะรีบมาแนะนำนะครับ ดังนั้นส่วน "ฟีดของไซต์" ก็ขอข้ามไปเลย เพียงแต่ว่า ผมก็ไม่ได้ไปเปลี่ยนแปลงอะไร มายังไง ก็เดิมๆ อย่างนั้นครับ<br /><span style="color:#ffffff;">.</span><br /></p><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWobP1LGYOI/AAAAAAAAENM/H5TtUm1L3yA/s1600-h/333+5.png"><img id="BLOGGER_PHOTO_ID_5290070671085691106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 334px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWobP1LGYOI/AAAAAAAAENM/H5TtUm1L3yA/s400/333+5.png" border="0" /></a></div><div>ต่อไปมาที่ส่วน<strong><span style="color:#000099;">การจัดการ "อีเมล"</span></strong> ก็มีเท่าที่เห็นนะครับ แค่ 2 หัวข้อ คือ</div><ul><li><strong><span style="color:#000099;">ที่อยู่ BlogSend</span></strong> : คือเมื่อเวลาเราพิมพ์บทความ แล้วสั่งเผยแพร่ หรือเรียกว่า "ส่งบทความ" ก็ให้ระบบแจ้งการเผยแพร่ข้อมูลมาให้เจ้าของบล็อกทางอีเมล์ ที่สำคัญสามารถส่งบทความที่เผยแพร่ให้ได้ถึง 10 อีเมล์ ซึ่งผมจะใส่อีเมล์ของตัวเอง ทุกบล็อกที่สร้างเลยครับ</li><li><strong><span style="color:#000099;">ที่อยู่ Mail-to-Blogger</span></strong> : ส่วนนี้ผมไม่เคยใช้เลยนะครับ แต่พอจะเดาๆ ให้ได้อ่านกันว่า เป็นการให้เราใส่อีเมล์ที่เป็น @blogger.com ดังนี้ <a href="mailto:Preeda.Limnontakul.----------@blogger.com">Preeda.Limnontakul.----------@blogger.com</a> ผมจึงเดาว่า คงจะสำหรับคนที่ไม่มีอีเมล์ของ gmail ระบบจึงสร้างอีเมล์ขึ้นมาใหม่ให้อัตโนมัติ ส่วนราละเอียดส่วนอื่นของหัวข้อนี้ ผมก็ยังไม่เคยใช้เหมือนกันครับ อาจต้องทดลองแล้วมาแนะนำเพื่อนๆ กันใหม่อีกครั้งนะครับ<br /><span style="color:#ffffff;">.</span> </li></ul><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWobJFzxzlI/AAAAAAAAENE/Yrf8tAz9mTU/s1600-h/333+7.png"><img id="BLOGGER_PHOTO_ID_5290070555292192338" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 265px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWobJFzxzlI/AAAAAAAAENE/Yrf8tAz9mTU/s400/333+7.png" border="0" /></a></div><div>เวลาผมกรอกข้อมูลอีเมล์ ระบบของ Blogger ก็ดีนะครับ สมัยก่อนไม่มีอย่างนี้ เดี๋ยวนี้จะขึ้นลิสงต์ (list) ลำดับรายชื่ออีเมล์ตามลำดับตัวอักษรมาให้เรากดเลือกได้เลยครับ ตาที่มีพื้นที่สีฟ้าขึ้นแสดงให้ดูตามภาพครับ<br /><span style="color:#ffffff;">.<br />.</span></div><div><div><img id="BLOGGER_PHOTO_ID_5290070294059417474" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 360px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWoa54pB_4I/AAAAAAAAEM0/jv6ER4O5XiU/s400/333+8.1.png" border="0" /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWobAqTAimI/AAAAAAAAEM8/LJ9y91oIqng/s1600-h/333+8.png"></a></div><div>เช่นเคยนะครับ กรอกอีเมล์ที่ต้องการให้ระบบส่งแจ้งการเผยแพร่บทความทางอีเมล์เรียบร้อยแล้ว (หรือข้อมูลอื่นๆ) ก็อย่าลืมกดเมนูสีส้ม "บันทึกการตั้งค่า" แล้วเห็นข้อความบนกรอบสีเหลืองเข้มว่า "บันทึกการตั้งค่าเสร็จสมบูรณ์" ก็ถือว่าเรียบร้อยนะครับ<br /><span style="color:#ffffff;">.<br />.</span><br /><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWoa0H73DJI/AAAAAAAAEMs/lwGUV-CJD6s/s1600-h/333+9.png"><img id="BLOGGER_PHOTO_ID_5290070195085708434" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 171px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWoa0H73DJI/AAAAAAAAEMs/lwGUV-CJD6s/s400/333+9.png" border="0" /></a></div><div>มาถึงการจัดการส่วนสุดท้าย คือ "OpenID" ก็เป็นเพราะว่า ในต่างประเทศเริ่มนิยมที่จะทำให้ประชากรที่ใช้อินเตอร์เน็ตนั้นสามารถใช้งานเว็บไซต์ต่างๆ ได้ง่ายขึ้น จึงมีแนวคิดรวมตัวกันแล้วให้สมาชิกของแต่ละเว็บไซต์ สามารถใช้ user name และ password เดียวร่วมกันได้ ผมจึงเข้าใจว่า ในส่วนนี้คงเป็นข้อตกลงร่วมกันในระดับบริษัทแม่ ที่ต้องการเชื่อมโยงการใช้งานร่วมกัน จึงมีส่วนการจัดการนี้ขึ้นมาครับ<br /><span style="color:#ffffff;">.</span></div><div><span style="color:#ffffff;">.</span></div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWoauGNC8gI/AAAAAAAAEMk/uL67DToPgwU/s1600-h/333+9.4.png"><img id="BLOGGER_PHOTO_ID_5290070091541705218" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 239px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWoauGNC8gI/AAAAAAAAEMk/uL67DToPgwU/s400/333+9.4.png" border="0" /></a></div><div>ลองมาดูรายละเอียดกันสักนิดหน่อย (ซึ่งผมก็ไม่ค่อยทราบรายละเอียดมฝากเท่าไหร่นะครับ) ถ้าเพื่อนๆ กดที่ลิงก์ "ความคิดเห็น" มันก็จะไปที่หน้าการจัดการ "ข้อคิดเห็น" (ในตอนที่ 4 ของ "การตั้งค่า") ซึ่งก็จะไปให้ความสำคัญในเรื่องการกำหนด "ผู้แสดงความคิดเห็น" ที่ผมแนะนำว่า ควรติ๊กหน้าวงกลมที่ "ทุกคน" ถ้ากดลิงก์ "เรียนรู้เพิ่มเติมเกี่ยวกับ OpenID" ก็จะไปที่เว็บไซต์ของ OpenID ที่มี URL ดังนี้ครับ <a href="http://openid.net/what/">http://openid.net/what/</a> จบแล้วนะครับสำหรับหน้า "การตั้งค่า" หวังว่าจะเป็นประโยชน์กับทุกท่านนะครับ พบกับเนื้อหาในบทความต่อๆ ไปนะครับ<br /><span style="color:#ffffff;">.<br /></span><div>ขอบคุณครับ<br /><a href="http://preedaroom.blogspot.com/">ปรีดา ลิ้มนนทกุล </a><br /><a href="http://preedastation.blogspot.com/">(ผู้ทุพพลภาพมืออาชีพ)</a> </div><div><span style="color:#ffffff;">.</span></div><div><span style="color:#ffffff;">.</span></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-571238641691020225?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com5tag:blogger.com,1999:blog-1438928495303022325.post-82049341914846862632008-04-25T07:58:00.001-07:002009-01-11T07:14:14.615-08:00สวัสดีครับ เพื่อนๆ ใกล้จบแล้วนะครับ สำหรับบทความของ "การตั้งค่า" ตอนนี้เรามาพบกับส่วนการจัดการ "เก็บเข้าคลังบทความ" กันครับ ตอนนี้ไม่ยาวครับ แป๊บเดียวจบครับ<br /><span style="color:#ffffff;">.</span><br /><span style="color:#ffffff;">.</span><br /><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0VarrgrI/AAAAAAAAEMc/6OkLXa1K_QI/s1600-h/g+sto+1.png"><img id="BLOGGER_PHOTO_ID_5290027886100316850" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 227px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0VarrgrI/AAAAAAAAEMc/6OkLXa1K_QI/s400/g+sto+1.png" border="0" /></a>เห็นไหมครับมีนิดเดียวเองครับ แค่ 2 หัวข้อเองครับ<br /><ul><li><strong><span style="color:#000099;">ความถี่ของการเก็บเข้าคลังบทความ</span></strong> : เป็นการบันทึกจำนวนของบทความเป็นรายวัน รายสัปดาห์ และรายเดือนครับ ซึ่งเดี๋ยวผมจะยกตัวอย่างการใช้งานในส่วนนี้ ในส่วนการแก้ไขในหน้า "รูปแบบ" นะครับ</li><li><strong><span style="color:#000099;">เปิดใช้หน้าบทความหรือไม่</span></strong> : ในส่วนนี้ให้ใส่ "ใช่" ไปเลยนะครับ เพราะจะสัมพันธ์กับการแสดงบทความ เมื่อมีคนคลิ๊กเพื่อดูบทความเป็นตามความถี่ ที่เรากำหนดไว้ เช่น รายวัน รายสัปดาห์ หรือรายเดือน</li></ul><span style="color:#ffffff;">.</span><br /><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0NHn4SKI/AAAAAAAAEMU/YoG7h6dsF3Y/s1600-h/g+sto+2.png"><img id="BLOGGER_PHOTO_ID_5290027743545149602" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 312px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0NHn4SKI/AAAAAAAAEMU/YoG7h6dsF3Y/s400/g+sto+2.png" border="0" /></a><br /><div align="center">ผมนำภาพตัวอย่างให้เห็นการเลือกความถี่นะครับ</div><div align="center"><span style="color:#ffffff;">.</span></div><div align="center"><span style="color:#ffffff;">.</span></div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0GbOrSLI/AAAAAAAAEMM/btzVbtapQT4/s1600-h/g+sto+4.png"><img id="BLOGGER_PHOTO_ID_5290027628549064882" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 246px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWn0GbOrSLI/AAAAAAAAEMM/btzVbtapQT4/s400/g+sto+4.png" border="0" /></a><br />คราวนี้ลองดูอีกวิธี ที่เหมือนกับส่วนการจัดการของการ "เก็บเข้าคลังบทความ" (อย่างที่ผมเคยบอกว่า ระบบการสร้างบล็อกของ Blogger นั้น มีข้อเด่นหลายข้อ หนึ่งในนั้นคือ ในเรื่องการจัดการเดียวกัน สามารถทำได้หลายวิธีครับ) เพื่อนๆ ก็ไปที่หน้า "รูปแบบ"<br /><span style="color:#ffffff;">.</span><br /><span style="color:#ffffff;">.</span><br /><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWnzxeB3SZI/AAAAAAAAEME/G-EWmhjGyRQ/s1600-h/g+sto+5.png"><img id="BLOGGER_PHOTO_ID_5290027268523379090" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 92px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWnzxeB3SZI/AAAAAAAAEME/G-EWmhjGyRQ/s400/g+sto+5.png" border="0" /></a><br />ถ้าตรวจสอบง่ายๆ ว่าส่วน "เก็บเข้าคลังบทความ" นั้น ได้ถูกใช้งานในบล็อกแล้วหรือยัง ให้ไปที่การ "เพิ่ม Gadget" หรือ "เพิ่มองค์ประกอบใหม่" เลื่อนไปดูที่แบนเนอร์ "คลังบทความของบล็อก" แล้วสังเกตที่มุมบนขวามือ ถ้าเห็นว่า "เพิ่มแล้ว" แสดงว่าส่วนนี้ถูกใช้งานในบล็อกแล้ว<br /><span style="color:#ffffff;">.</span><br /><span style="color:#ffffff;">.</span><br /><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWnzpwlU2jI/AAAAAAAAEL8/A7T8aS8s8Ys/s1600-h/g+sto+6.png"><img id="BLOGGER_PHOTO_ID_5290027136065002034" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 246px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWnzpwlU2jI/AAAAAAAAEL8/A7T8aS8s8Ys/s400/g+sto+6.png" border="0" /></a><br />ก็ให้กลับไปดูที่หน้า "รูปแบบ" จะเห็นส่วน "คลังบทความของบล็อก" (หรือเพื่อนๆ อาจมาดูที่หน้านี้ได้เลย ไม่ต้องไปดูแบนเนอร์ที่การ "เพิ่ม Gadget" ก็ได้ครับ) ให้กดที่เมนู "แก้ไข" ตามลูกศรที่ชี้นะครับ<br /><span style="color:#ffffff;">.<br />.</span><br /><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWnzaIBL98I/AAAAAAAAEL0/xvixISu3W6U/s1600-h/g+sto+7.4.png"><img id="BLOGGER_PHOTO_ID_5290026867477968834" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 313px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWnzaIBL98I/AAAAAAAAEL0/xvixISu3W6U/s400/g+sto+7.4.png" border="0" /></a><br />จะเห็นหน้าต่าง "ตั้งค่าคลังข้อมูลบล็อก" โดยดูที่สไตล์ จะเห็นว่ามีให้เลือก 3 แบบ คือ 1. ลำดับชั้น เมื่อคลิ๊กในช่องวงกลมจะเห็นตามตัวอย่างข้างบนนะครับ<br /><span style="color:#ffffff;">.</span><br /><span style="color:#ffffff;">.</span><br /><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWnzQX80xvI/AAAAAAAAELs/jDh799p8fVI/s1600-h/g+sto+7.8.png"><img id="BLOGGER_PHOTO_ID_5290026699955947250" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 336px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWnzQX80xvI/AAAAAAAAELs/jDh799p8fVI/s400/g+sto+7.8.png" border="0" /></a>ถ้าคลิ๊กหน้าข้อ 2. รายการแบบเรียบ จะเห็นตามภาพข้างบนในพื้นที่สีขาว เรียบจริงๆ ครับ แต่ทั้งแบบที่ 1 และ 2 นั้น ผมจะไม่ใช้งานเลย เพราะว่าบล็อกของผมโดยปกติ แถบด้านข้าง (Side Bar) จะยาวอยู่แล้ว ผมจึงเลือกแบบที่ 3 มากกว่าครับ<br /><span style="color:#ffffff;">.</span><br /><span style="color:#ffffff;">.</span><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWnzC4D_F4I/AAAAAAAAELk/Z2HMWZmuA60/s1600-h/g+sto+8.png"><img id="BLOGGER_PHOTO_ID_5290026468057749378" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 384px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWnzC4D_F4I/AAAAAAAAELk/Z2HMWZmuA60/s400/g+sto+8.png" border="0" /></a></div><div>เพราะว่าแบบที่ 3. เมนูแบบเลื่อนลง นั้นจะเป็นแค่ช่องแถบเดียว เหมือนตัวอย่างที่เห็นในพื้นที่สีขาวนะครับ<br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWny7c_CG5I/AAAAAAAAELc/_SVkj-VBbTw/s1600-h/g+sto+8.3.png"><img id="BLOGGER_PHOTO_ID_5290026340530133906" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 365px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWny7c_CG5I/AAAAAAAAELc/_SVkj-VBbTw/s400/g+sto+8.3.png" border="0" /></a></div><div>ผมนำตัวอย่างมาให้ดู ว่าถ้าเราติ๊กที่ลูกศรชี้ลง (หรือเรียกว่า drop down list) ก็จะเห็นเป็นรายเดือน</div><div><span style="color:#ffffff;">.</span></div><div><span style="color:#ffffff;">.</span></div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWnyvi-rf4I/AAAAAAAAELU/nJSyp3HOpq0/s1600-h/g+sto+9.png"><img id="BLOGGER_PHOTO_ID_5290026135980834690" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 335px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWnyvi-rf4I/AAAAAAAAELU/nJSyp3HOpq0/s400/g+sto+9.png" border="0" /></a></div><div>และนี่ก็เป็นตัวอย่างที่เวลาผมใช้งานในบล็อกของผมครับ จะเห็นว่าที่หัวข้อ "คลังบทความของบล็อก" นั้นจะสั้นๆ มีแค่แถวเดียวนะครับ ผมจึงชอบใช้งานในลักษณะนี้มากครับ อีกเรื่องนะครับ พื่อนๆ อย่าลืมนะครับ เวลาที่เรามีการแก้ไขข้อมูลอะไรก็ตาม ก็ควรจะกดเมนูสีส้ม "บันทึก" ด้วยทุกครั้งนะครับ ตอนหน้าพบกับ "การตั้งค่า" ส่วน "ฟีดของไซต์", "อีเมล์" และ "OpenID" รวดเดียว 3 เรื่อง กันเลยนะครับ<br /><span style="color:#ffffff;">.</span><br /><div>ขอบคุณครับ</div><div><a href="http://preedaroom.blogspot.com/">ปรีดา ลิ้มนนทกุล </a></div><div><a href="http://preedastation.blogspot.com/">(ผู้ทุพพลภาพมืออาชีพ)</a> </div><div><span style="color:#ffffff;">.</span></div><div><span style="color:#ffffff;">.</span></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-8204934191484686263?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com1tag:blogger.com,1999:blog-1438928495303022325.post-4635312469531560622008-04-25T07:57:00.002-07:002009-01-11T04:02:35.814-08:00<div align="left"><span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ พบกับตอนที่ 4 เป็น "การตั้งค่า" ในส่วน "ข้อคิดเห็น" หรือในส่วน "แสดงความคิดเห็น" บางเว็บไซต์ก็เรียก "Comment" ก็คือเป็นส่วนที่เวลาเราได้ไปอ่านเจอบทความ แล้วเราต้องการแสดงความคิดเห็น จากนั้นก็พิมพ์แสดงความคิดเห็น หรือได้อ่านแสดงความคิดเห็นของท่านอื่นๆ เป็นต้น<br /><br /></div></span><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWjhnERiNfI/AAAAAAAAEK8/7o4T9ugrRbA/s1600-h/g+c+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289725823625082354" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 313px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWjhnERiNfI/AAAAAAAAEK8/7o4T9ugrRbA/s400/g+c+1.png" border="0" /> <p align="center"></span></a><span style="font-family:verdana;">หน้าตาของหน้าเว็บที่ ก็เหมือนกับ 3 ตอนแรกของ "การตั้งค่า"<br /><br /><br /></p></span><p><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWjhi66sj2I/AAAAAAAAEK0/XcgK-Snsjh4/s1600-h/g+c+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289725752393895778" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 173px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWjhi66sj2I/AAAAAAAAEK0/XcgK-Snsjh4/s400/g+c+2.png" border="0" /></span></a><span style="font-family:verdana;"></span></p><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ข้อคิดเห็น</span></strong> : เป็นระบบที่ต้องการให้ผู้สร้างบล็อกนั้นเลือกว่า เวลามีคนแสดงความคิดเห็น แล้วจะให้ "แสดง" หรือ "ซ่อน" ซึ่งก็ควรจะเลือก "ซ่อน" นะครับ เพราะเราควรจะให้เกียรติผู้อ่าน ถ้านึกถึงตัวเรา เวลาไปแสดงความคิดเห็นทีไหน พอพิมพ์เสร็จ ก็ไม่แสดงออกมา คงจะหงุดหงิดแย่เลย</span></li><li><span style="font-family:Verdana;"><strong><span style="color:#000099;">ใครสามารถแสดงความคิดเห็น</span></strong> : เป็นส่วนจัดการ ผู้แสดงความคิดเห็น ว่ามาจากไหน ซึ่งมี 4 ข้อย่อย คือ ทุกคน (ผมแนะนำว่า ควรเลือกที่ข้อนี้นะครับ), ผู้ใช้ที่จดทะเบียน (ซึ่งส่วนใหญ่จะเป็นพันธมิตรกับทาง Google), ผู้ใช้ที่มีบัญชี Google (เฉพาะผู้ใช้ Blogger เท่านั้น) และ เฉพาะสมาชิกของบล็อกนี้ (ก็คือทั้งเฉพาะผู้ใช้ Blogger และเป็นผู้ที่สร้างบล็อกเป็นคนเชิญ หรือเป็นสมาชิกบล็อกนั้น) ซึ่ง</span><span style="font-family:Verdana;">ตัวอย่างนี้ผมจะยกตัวอย่างตอนท้ายบทความนะครับ</span></li><li><span style="font-family:Verdana;"><strong><span style="color:#000099;">การจัดวางฟอร์มความคิดเห็น</span></strong> : เป็นการโชว์ส่วนการแสดงความคิดเห็น เมื่อผู้อ่านต้องการจะแสดงความคิดเห็นดังนี้ <strong><span style="color:#cc0000;">เต็มหน้า</span></strong> (จะซ่อนหน้าต่างการแสดงความคิดเห็นไว้ เมื่อกดลิงก์ที่คำว่า "ความคิดเห็น" ที่วางอยู่ด้านล่างสุดของบทความ ซึ่งจะโชว์หน้าต่างมาเต็มหนาจอ), <strong><span style="color:#cc0000;">หน้าต่างป๊อปอัป</span></strong> (วิธีแสดง "ความคิดเห็น" ใช้งานเหมือนกับแบบ เต็มหน้า เพียงแต่หน้าต่างที่โชว์ขึ้นมาจะเป็นหน้าต่างป๊อปอัป ขนาดเล็กไม่ใหญ่เกินไป) และ <strong><span style="color:#cc0000;">วางไว้ใต้บทความ</span></strong> (จะมีหน้าต่างการแสดงบทความที่ล่างสุดของบทความเลย ดังแสดงในภาพข้างล่างนะครั</span><span style="font-family:Verdana;">บ) ส่วนตัวผมจะเลือก <strong><span style="color:#cc0000;">วางไว้ใต้บทความ</span></strong> นะครับ เพราะทำให้ผู้อ่านสามารถแสดงความคิดเห็นได้ทันทีครับ จึงสะดวกกับผู้อ่านเมื่อต้องการแสดงความคิดเห็นครับ</span></li></ul><p><span style="font-family:Verdana;"></span> </p><p><span style="font-family:Verdana;"><img id="BLOGGER_PHOTO_ID_5289725203168975746" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 369px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWjhC85RW4I/AAAAAAAAEKM/n6caaqGIdn8/s400/g+c+7.png" border="0" /></span></p><span style="font-family:Verdana;"></span><img id="BLOGGER_PHOTO_ID_5289725548095429826" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 259px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWjhXB2JXMI/AAAAAAAAEKk/_-Ic5MxUQqA/s400/g+c+4.png" border="0" /><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ความคิดเห็นเริ่มต้นสำหรับบทความ</span></strong> : ส่วนนี้ผมก็งงๆ นะครับ ยังไม่เคยสังเกตเลยว่ามีผลอย่างไรในการเขียนบทความ จึงอยากบอกเพื่อนๆ ว่า เลือกอะไรก็ได้นะครับ แต่ก็คือ ผมก็ไม่ได้ไปเปลี่ยนแปลงอะไรกับมาตรฐานเดิมที่ทาง logger ได้เซ็ทอัพไว้นะครับ จึงเลือก "บทความใหม่มีความคิดเห็น"</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ลิงก์ย้อนกลับ</span></strong> : เป็นการแสดงถึง ลิงก์ที่สามารถย้อนกลับ เดินหน้าได้ (อยู่ล่างสุดใต้หน้าต่างการแสดงความคิดเห็นอีกที) ควรเลือก "แสดง" นะครับ เพราะว่า จะทำให้บล็อกทสี่สร้างดูมีฟังก์ชั่นที่น่าใช้งาน ครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ค่าเริ่มต้นของลิงก์ย้อนกลับสำหรับบทความ</span></strong> : สื่อความหมายตรงตัวนะครับ ดังนั้นควรเลือก "บทความใหม่มีลิงก์ย้อนกลับ"</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">รูปแบบเวลาในส่วนความคิดเห็น</span></strong> : เลือกรูปแบบเวลาตามที่ชอบใจได้เลยครับ</span></li><li><strong><span style="color:#000099;">ข้อความของฟอร์มความคิดเห็น</span></strong> : คือส่วนที่ให้เราเติมข้อความ หรือประโยค แล้วจะแสดงเหนือหน้าต่างแสดงความคิดเห็น สามารถดูตัวอย่างตรงนี้ บนภาพด้านบนที่ผมวางไว้เหนือคำอธิบายนี้นะครับ</li></ul><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWjhMnfL8qI/AAAAAAAAEKc/a-D-wSSpqCU/s1600-h/g+c+5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289725369221116578" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 236px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWjhMnfL8qI/AAAAAAAAEKc/a-D-wSSpqCU/s400/g+c+5.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">การจัดการความคิดเห็น</span></strong> : เป็นส่วนที่ผู้สร้างบล็อกอยากจะตรวจสอบ ความคิดเห็นของผู้มาแสดงความคิดเห็น หรือไม่ ดังนั้นจึงมีให้เราเลือก 3 หัวข้อย่อยคือ <strong><span style="color:#cc0000;">1. ทุกครั้ง</span></strong> (หมายถึงเวลามีการแสดงความคิดเห็น ก็จะต้องส่งมาให้เจ้าของบล็อกตรวจสอบก่อน โดยส่งมาทางอีเมล์ ที่ได้กรอกไว้ตรงที่ช่องเติมข้อความว่า "ที่อยู่อีเมล") <span style="color:#cc0000;"><strong>2. เฉพาะบทความที่เก่ากว่า (จำนวน) วัน</strong></span> (เป็นการส่งความคิดเห็นสำหรับบทความที่เคยเขียนไปแล้วกี่วัน ก็ขึ้นอยู่กับว่า เราจะกรอกตัวเลขไปกี่วันครับ เช่น เคยเขียนบทความไว้แล้วก่อนหน้า 1 สัปดาห์ แล้วเราลงไว้ 4 วัน เมื่อมีคนมาแสดงความคิดเห็นกับบทความที่ลงมาแล้ว 7 วัน ก็จะส่งมาให้เราได้ตรวจสอบก่อนครับ) <strong><span style="color:#cc0000;">3. ไม่</span></strong> (ก็คือไม่ต้องตรวจสอบความคิดเห็นเลย เมื่อมีคนแสดงความมคิดเห็น ก็โชว์เดี๋ยวนั้นเลยครับ) </span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงการตรวจสอบคำสำหรับความคิดเห็นหรือไม่</span></strong> : เป็นส่วนที่ควรตอบว่า <strong><span style="color:#000099;">"ใช่"</span></strong> เลยนะครับ เพราะว่าจะเป็นการป้องกันพวก robot ที่จะเข้ามาแสดงความคิดเห็นมั่วซั่ว มาขายยาไวอากร้าบ้าง มาขายสินค้า MLM บ้าง เป็นต้นครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงรูปภาพโปรไฟล์บนความคิดเห็นหรือไม่</span></strong> : ความหมายตรงตัวครับ ติ๊กหน้าช่อง<strong><span style="color:#000099;"> "ใช่"</span></strong> ไว้ก่อนครับ</span></li></ul><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWjhHdaaJYI/AAAAAAAAEKU/JMryWi6f_zI/s1600-h/g+c+6.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289725280617375106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 131px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWjhHdaaJYI/AAAAAAAAEKU/JMryWi6f_zI/s400/g+c+6.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">อีเมลสำหรับแจ้งเตือนเมื่อมีความคิดเห็นใหม่</span></strong> : ผมแนะนำว่าควรใส่อีเมล์ในช่องว่างนะครับ และเมื่อมีคนมาแสดงความคิดเห็น ระบบของ Blogger จะส่ง "ความคิดเห็น" มาให้เราได้ทราบ ได้รับรู้กันครับ แต่ว่าไม่ได้ตรวจสอบอะไรนะครับ คือเหมือนแจ้งให้เราดูเฉยๆ ครับ</span><span style="font-family:verdana;"><br /><br /></span></li></ul><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWjg4jojZTI/AAAAAAAAEKE/rL4CaENVuus/s1600-h/g+c+8.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289725024589276466" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 390px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWjg4jojZTI/AAAAAAAAEKE/rL4CaENVuus/s400/g+c+8.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ภาพนี้ เป็นตัวอย่างที่แสดงให้เห็นว่า เหนือหน้าต่างแสดงความคิดเห็นจะโชว์ประโยค "เชิญเพื่อนๆ แสดงความคิดเห็นของข่าว หรือวีดีโอนะครับ" และตรงที่ตำแหน่ง <strong><span style="color:#000099;">"แสดงความคิดเห็นในฐานะ"</span></strong> จะเห็นว่ามีให้เลือกแสดงฐานะหลายฐานะ แต่ถ้าต้องแสดงได้หมดแบบนี้ ต้องเลือกในหัวข้อ "<span style="color:#000099;"><strong>ใครสามารถแสดงความคิดเห็น"</strong></span> ว่า <strong><span style="color:#cc0000;">"ทุกคน"</span></strong> ตามที่ผมแนะนำไว้ข้างต้นบทความนะครับ</span></div><div><span style="font-family:Verdana;color:#ffffff;">.</span></div><div><span style="font-family:Verdana;">ครับก็จบบทความเรื่อง "การตั้งค่า" ส่วน "ข้อคิดเห็น" เรียบร้อยยาวหน่อยนะครับ ตอนหน้าพบกับเรื่องการจัดการ "เก็บ</span><span style="font-family:Verdana;">เข้าคลังบทความ" กันครับ สั้นๆ ครับ ไม่ยาวเท่าบทความนี้ครับ</span></div><div><span style="font-family:Verdana;color:#ffffff;">.</span></div><br /><span style="font-family:verdana;">ขอบคุณครับ</span><br /><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-463531246953156062?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com3tag:blogger.com,1999:blog-1438928495303022325.post-61498806551532422662008-04-25T07:57:00.001-07:002009-01-10T07:46:55.976-08:00<div align="left"><span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ตอนนี้ เรามารู้จักกับการตั้งค่า "การจัดรูปแบบ" กันครับ เช่นเดิมนะครับเรายังอยู่ในหน้าเว็บการจัดการ "ตั้งค่า" ส่วนย่อย "การจัดรูปแบบ" ถือว่าเป็นการจัดการข้อมูลส่วนย่อยๆ ของบล็อกที่ก็สำคัญเมือนกันนะครับ ประมาณว่ารถยนต์จะวิ่งได้ ก็ต้องมีน็อคสกรูตัวเล็กตัวน้อยเช่นกันครับ</span><br /><span style="font-family:verdana;"></span><br /></div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWeC--HjTTI/AAAAAAAAEIQ/5S-kYJnaaJY/s1600-h/b+2-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289340305708109106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 321px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWeC--HjTTI/AAAAAAAAEIQ/5S-kYJnaaJY/s400/b+2-1.png" border="0" /> <p align="center"></span></a><span style="font-family:verdana;"> ในหน้าเว็บการจัดการนี้ ผมจะได้อธิบายต่อไปดังนี้ครับ</span></p><br /><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeC1HyPCpI/AAAAAAAAEII/mE-qYDPaHq0/s1600-h/b+3-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289340136504363666" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 215px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeC1HyPCpI/AAAAAAAAEII/mE-qYDPaHq0/s400/b+3-1.png" border="0" /></span></a><br /><ul><li><strong><span style="color:#000099;">แสดง </span></strong>: คือการแสดงจำนวนบทความในหน้าแรกของบล็อก โดยเลือกในช่องแรก ส่วนช่องหลังสามารถเลือกว่าจะแสดงว่าเป็น กี่บทความ หรือโชว์ว่าแสดงกี่วัน เช่นแสดงบทควมภายใน 30 วัน เป็นต้น ผมจะมช้เฉพะส่วน "บทความ" เท่านั้น เพราะไม่ร้ว่า แต่ละบล็อกนั้นผมจะอัพเดทบทความได้ทุกวันไหม เพราะเขียนเยอะตั้ง 40 บล็อก ดังนั้นแสดงเป็นจำนวนบทความไว้ดีที่สุดครับ</li><li><span style="color:#000099;"><strong>รูปแบบส่วนหัวของวันที่</strong></span> : เป็นเหมือนฟอร์ม หรือรูปแบบของวันที่ ที่จะแสดงบนส่นหัวของบทความ</li><li><strong><span style="color:#000099;">รูปแบบวันที่ของดัชนีคลังบทความ</span></strong> : คือรูปแบบของวันที่ ที่เราเซฟเข้าคลังข้อมูล บล็อกของผมนิยมใช้เป็นแสดง "เดือน 200x" เพราะผมเลือกเก็บเข้าคลังข้อมูลบทความเป็นรายเดือนครับ</li></ul><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><p><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeCtek6AVI/AAAAAAAAEIA/Al95mXirBQI/s1600-h/b+4-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289340005183521106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 162px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeCtek6AVI/AAAAAAAAEIA/Al95mXirBQI/s400/b+4-1.png" border="0" /></span></a></p><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">โซนเวลา</span></strong> : เลือกโซนเวลาของประเทศไทย เพื่อให้บล็อกเราเมื่อส่งบทความขึ้น จะได้บันทึกเวลาได้ถูกต้อง และต้องเลือกเป็น "(GMT+07:00) กรุงเทพ"</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ภาษา </span></strong>: คือภาษาที่แสดงในบล็อก ดังนั้นเลือก "ไทย" ครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แปลงการขึ้นบรรทัดใหม่</span></strong> : ผมก็ไม่ค่อยแน่ใจนะครับ สำหรับหัวข้อนี้ น่าจะเป็นการแสดงโค้ดของการขึ้นบรรทัดใหม่ เวลาเขียนบทความลงในบล็อกครับ แต่หลัๆ คือ ผมจะไม่ได้ไปเปลี่ยนแปลงอะไร จึงตอบ "ใช่" เสมอ ผมไม่เคยเปลี่ยนเลยครับ<br /></li></ul></span><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWeCoC0mPqI/AAAAAAAAEH4/fkEi1cuyq58/s1600-h/b+6-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289339911833796258" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 177px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWeCoC0mPqI/AAAAAAAAEH4/fkEi1cuyq58/s400/b+6-1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงฟิลด์ชื่อเรื่อง</span></strong> : อันนี้ผมก็ยังงง แบบว่าไม่แน่ใจต้องขอโทษทุกคนนะครับ แต่ตอบ "ใช่" ไว้ก่อน</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงฟิลด์ของลิงก์</span></strong> : จะเป็นการแสดงช่องใต้ชื่อบทความอีก 1 ช่อง เพื่อให้ URL หรือลิงก์ของบทความนั้นๆ ซึ่งผมใช้ตลอดในการสร้างบทความที่แสดงในหน้าหลัก ในบทความที่เกี่ยวข้องกับการเขียนบทความผมจะสอนการใช้งานอีกครั้งนะครับ ดังนั้น ในส่วนนี้ตอบ "ใช่" ไว้ก่อนนะครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">เปิดใช้การจัดเรียงแบบลอย</span></strong> : น่าจะเกี่ยวข้องกับการจัดภาพ ซึ่งผมก็ยังไม่เข้าใจนะครับ จึง "ใช่" ไว้ก่อนครับ</span></li></ul><span style="font-family:verdana;"><br /><br /></span><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeCh9gYhLI/AAAAAAAAEHw/cc_LrEOoeWw/s1600-h/b+7-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289339807327618226" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 291px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWeCh9gYhLI/AAAAAAAAEHw/cc_LrEOoeWw/s400/b+7-1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แม่แบบบทความ</span></strong> : โอ้โห.....ผมไม่รู้เรื่องเลยครับ ต้องขอโทษทุกท่านนะครับ มีโอกาสเรียนรู้ แล้วทราบจะรีบมาเขียนเลยครับ อย่างที่ผมบอกตั้งแต่แรกละครับ ผมยังไม่ทราบทั้งหมดนะครับ ดังนั้นส่วนนี้ ผมจึงยังไม่เคยเติมข้อความใดๆ ลงไปในช่องเลยครับ</span></li></ul><span style="font-family:Verdana;"></span><br /><span style="font-family:Verdana;">เมื่อจัดการ หรือเปลี่ยนแปลง หรือัพเดท ในส่วนต่างๆ แล้วก็กดเมนูสีส้ม "บันทึกการตั้งค่า" ด้วยนะครับ</span><br /><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWeCYW6vAzI/AAAAAAAAEHo/BtilM8QIbGY/s1600-h/b+8-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289339642350338866" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 238px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWeCYW6vAzI/AAAAAAAAEHo/BtilM8QIbGY/s400/b+8-1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">เมื่อบันทึก รอสักครู่ ก็จะเห็นประโยคสีส้มที่จะแสดงด้านบนของหน้าเว็บเป็น "บันทึกการตั้งค่าเสร็จสมบูรณ์"<br /></span><br /><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWeCR3oeOUI/AAAAAAAAEHg/UUIpUXxeBNA/s1600-h/b+9-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289339530873026882" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 299px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWeCR3oeOUI/AAAAAAAAEHg/UUIpUXxeBNA/s400/b+9-1.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">สำหรับส่วนหน้า "การตั้งค่า" ในส่วนย่อย "การจัดรูปแบบ" นั้น ในหน้าของ "รูปแบบ" ส่วนย่อย "องค์ประกอบหน้า" พื้นที่ "บทความบล็อก" นั้น มีส่วนที่คล้ายกันอยู่ เมื่อกดที่เมนู "แก้ไข"<br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWeCKhM2EzI/AAAAAAAAEHY/FAe5rNi6eV8/s1600-h/b+9-6.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289339404592485170" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 317px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWeCKhM2EzI/AAAAAAAAEHY/FAe5rNi6eV8/s400/b+9-6.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ก็จะเห็นหน้าต่าง "ตั้งค่าบทความบล็อก" ซึ่งถ้าสังเกตดูดีๆ ก็จะเห็นว่ามีหลายส่วนที่คล้ายกับที่ผมได้อธิบายในบทความนะครับ แล้วผมจะมาแนะนำอีกครั้งในบทความที่เกี่ยวข้องนะครับ</span></div><div><span style="font-family:Verdana;"></span><span style="font-family:verdana;"><br /> </div></span><div><div><div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWeBXXIAkPI/AAAAAAAAEG4/_8DC7e_YUA4/s1600-h/b+9-9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289338525714518258" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 333px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWeBXXIAkPI/AAAAAAAAEG4/_8DC7e_YUA4/s400/b+9-9.png" border="0" /></span></a>ผมให้ดูตรงเฉพาะส่วนนี้เต็มๆ อีกทีนะครับ จริงๆ มีมากกว่านี้ในส่วนนี้ แต่อย่างที่ผมบอก คือจะแนะนำอีกครั้งในบทความที่เกี่ยวข้องนะครับ และตอนหน้าพบกับ หน้า "การตั้งค่า" ส่วน "ข้อคิดเห็น" กันนะครับ</div><div><span style="color:#ffffff;">.</span><span style="font-family:verdana;"><br /></span><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a><span style="font-family:verdana;"> </span></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6149880655153242266?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com1tag:blogger.com,1999:blog-1438928495303022325.post-18984652656303647782008-04-25T07:56:00.004-07:002009-01-09T07:30:35.449-08:00<div align="left"><span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ นอกจากเราจะสร้างบล็อกและเขียนบทความแล้ว เราควรจะนำโค้ดของตกแต่งบล็อกต่างๆ มาวางในบล็อกของเราทั้งเพื่อความสวยงาม หรือเกิดประโยชน์ทั้งกับตัวเอง และผู้อ่าน หรือผู้เยี่ยมชมบล็อก บทความนี้ผมขอแนะนำการแสดง "สถิติผู้เยี่ยมชมบล็อก" เป็นธงชาติของแต่ละประเทศ ด้วยสีสันของธงชาติ ผมว่าน่าจะทำให้บล็อกของคุณสวยพอสมควรเลยครับ ลองอ่านกันเลยนะครับ</span></div><span style="font-family:Verdana;"></span><div align="center"><br /></div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdB-lvoi7I/AAAAAAAAEGw/2VcJX0eFVYU/s1600-h/g+f+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289268830909533106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 307px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdB-lvoi7I/AAAAAAAAEGw/2VcJX0eFVYU/s400/g+f+1.png" border="0" /> <p align="center"></span></a><span style="font-family:verdana;">ไปที่เว็บไซต์ <a href="http://flagcounter.com/">http://flagcounter.com/</a> จะเห็นหน้าเว็บไซต์ตามภาพข้างบน</span><br /><br /></p><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdBvkBFX3I/AAAAAAAAEGo/riY0uZfLNIU/s1600-h/g+f+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289268572747816818" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 204px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdBvkBFX3I/AAAAAAAAEGo/riY0uZfLNIU/s400/g+f+2.png" border="0" /></span></a><span style="font-family:verdana;">เว็บนี้ใช้งานง่าย ไม่ยุ่งยากซับซ้อน มีไม่กี่หน้า หน้าหลักจะโชว์ตัวอย่างหลักของการแสดงธงชาติ ตามภาพข้างบน มีทั้งหมด 6 ส่วน ดังนี้ครับ</span><br /><ol><li><span style="font-family:verdana;">Maximum Flag to Show : เป็นการแสดงจำนวนธงชาติ ปกติโชว์แค่ 12 ธงชาติ เลือกได้สูงสุด 200 และ "all" ธงชาติ</span></li><li><span style="font-family:verdana;">Columns of Flags : เป็นการแสดงแถวของธงชาติพร้อมข้อมูล ปกติจะโชว์ 2 แถว เลือกได้สูงสุดถึง 8 แถว</span></li><li><span style="font-family:verdana;">Lebel on Tops of Counter : มีให้เลือก Viewers, Visitors และ Custom (เมื่อติ๊กเลือก จะขึ้นกรอบช่องว่างให้เติมข้อความ) แต่โดยปกติจะโชว์ Viewers ไว้ก่อน</span></li><li><span style="font-family:verdana;">Show Country Labels : คือการแสดงตัวอักษรย่อประเทศ เมื่ออติ๊กถูกในช่องสี่เหลี่ยม ซึ่งจะช่วยทำให้เราเดาได้ว่าเป็นประเทศอะไร</span></li><li><span style="font-family:verdana;">Show Pageview Count : คือการแสดงจำนวนรวมของการคลิกดูหน้าต่างๆ ในบล็อกของเรา หรือ pageview แต่ต้องติ๊กถูกในช่องสี่เหลี่ยมเล็กๆ</span></li><li><span style="font-family:Verdana;">Colors : เป็นการเลือกสี ของพื้นที่ธงชาติ 3 ส่วน คือ Background Color (สีพื้นที่ด้านหลัง ซึ่งปกติจะเป็นสีขาว), Text Color (สีตัวอักษร ซึ่งปกติจะเป็นสีดำ) และ Border Color (สีกรอบ ซึ่งปกติจะเป็นสีเทา) สามารถเลือกสีที่ชอบ หรือต้องการเปลี่ยนที่เมนูด้านหลังที่มีคำว่า "choose"</span></li></ol><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdBpey1DII/AAAAAAAAEGg/EnZELFvvCjs/s1600-h/g+f+3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289268468266634370" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 360px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdBpey1DII/AAAAAAAAEGg/EnZELFvvCjs/s400/g+f+3.png" border="0" /></span></a><span style="font-family:verdana;"> ภาพตัวอย่างข้างบน ผมได้มีการเปลี่ยนแปลงข้อกำหนดต่าง ดังนี้</span><br /><ol><li><span style="font-family:Verdana;">แสดง 70 ธงชาติ</span></li><li><span style="font-family:Verdana;">แสงดง 3 แถว</span></li><li><span style="font-family:Verdana;">ผมไม่เปลี่ยน ให้แสดงหัวข้อ Visitors เหมือนเดิม</span></li><li><span style="font-family:Verdana;">ผมติ๊กถูก ให้แสดงอักษรย่อของประเทศ</span></li><li><span style="font-family:Verdana;">ผมติ๊กถูก ให้แสดง จำนวนของ pageviews</span></li><li><span style="font-family:Verdana;">ผมไม่แก้ไขสีใดๆ จึงเป็น ตวอักษรสีดำ พื้นขาว กรอบสีเทาครับ<br /></span></li></ol><p><span style="font-family:Verdana;">ผมได้แสดงความสัมพันธ์ของการเลือกข้อกำหนดกับผลที่แสดง เปรียบเทียบให้ดูตามหัวข้อข้างบนนี้แล้วนะครับ แต่ข้อ 6 ผมไม่ได้เอามาเปรียบเทียบให้ดู เพราะเหมือนเดิมครับ </p></span><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdBbgStVDI/AAAAAAAAEGY/Z5OhxGuiss0/s1600-h/g+f+4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289268228150613042" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 360px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdBbgStVDI/AAAAAAAAEGY/Z5OhxGuiss0/s400/g+f+4.png" border="0" /></span></a><span style="font-family:verdana;"><br /></span><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdBQMT1mOI/AAAAAAAAEGQ/V7Y-n0eTIzg/s1600-h/g+f+5-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289268033808079074" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 163px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdBQMT1mOI/AAAAAAAAEGQ/V7Y-n0eTIzg/s400/g+f+5-1.png" border="0" /></span></a><span style="font-family:verdana;"><br /></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdAudp5wwI/AAAAAAAAEGA/0n9LL9yApGw/s1600-h/g+f+6-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289267454348477186" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 167px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWdAudp5wwI/AAAAAAAAEGA/0n9LL9yApGw/s400/g+f+6-1.png" border="0" /></span></a><span style="font-family:verdana;"><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdAoZIeK-I/AAAAAAAAEF4/G6kdNPns5js/s1600-h/g+f+7.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289267350055300066" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 163px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWdAoZIeK-I/AAAAAAAAEF4/G6kdNPns5js/s400/g+f+7.png" border="0" /></span></a><span style="font-family:verdana;"><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdAdRdYdpI/AAAAAAAAEFw/JiCwrLPzahc/s1600-h/g+f+8.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289267159016961682" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 360px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdAdRdYdpI/AAAAAAAAEFw/JiCwrLPzahc/s400/g+f+8.png" border="0" /></span></a><span style="font-family:verdana;"> </span></div><div><br /></div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdATGrBggI/AAAAAAAAEFo/TZSxn1f3vZY/s1600-h/g+f+9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289266984322695682" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 276px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWdATGrBggI/AAAAAAAAEFo/TZSxn1f3vZY/s400/g+f+9.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อเลือกข้อกำหนดการแสดงธงชาติทุกอย่างครบแล้ว ให้กดที่ปุ่มแสดงโค้ด หรือ "get my flag counter" ตามตัวอย่างในภาพข้างบน<br /><br /><br /></span><div align="center"><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWc_6jYzMrI/AAAAAAAAEFg/M5rLRLor3HE/s1600-h/g+f+9-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289266562534159026" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 297px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWc_6jYzMrI/AAAAAAAAEFg/M5rLRLor3HE/s400/g+f+9-1.png" border="0" /></span></a><span style="font-family:verdana;"> ก็จะเห็นหน้าเว็บไซต์ตามนี้เลยนะครับ<br /></span><span style="font-family:verdana;"><div><br /></div></span><div align="left"><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWc_sS7VBNI/AAAAAAAAEFQ/CqLrUOTsGJk/s1600-h/g+f+9-4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289266317597410514" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 198px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWc_sS7VBNI/AAAAAAAAEFQ/CqLrUOTsGJk/s400/g+f+9-4.png" border="0" /></span></a><span style="font-family:verdana;"> ดูที่หัวข้อ "Code for websites" จะเห็น HTML โค้ด ก็ให้คลิ๊กขวาที่เม้าส์ แล้วเลือก copy เพื่อจะนำโค้ดนี้ไปวางใน หน้าต่าง "ตั้งค่า HTML/ JavaScript" เพื่อแสดงที่แถบด้านข้าง (Side Bar)<br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWc_hUJvkEI/AAAAAAAAEFI/MSBb7MJECII/s1600-h/g+f+9-6.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289266128947744834" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 110px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWc_hUJvkEI/AAAAAAAAEFI/MSBb7MJECII/s400/g+f+9-6.png" border="0" /></span></a><span style="font-family:verdana;"> ไปที่หน้าเว็บการจัดการ "รูปแบบ" กด "เพิ่มองค์ประกอบหน้า หรือ เพิ่ม Gadget" เมื่อเห็นหน้าต่าง "เพิ่ม Gadget" เลือกแบนเนอร์ องค์ประกอบ "HTML/ จาวาสคริปต์"<br /><br /><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWc_biqp7NI/AAAAAAAAEFA/IXSjlXUiPAg/s1600-h/g+f+9-9-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289266029764668626" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 396px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWc_biqp7NI/AAAAAAAAEFA/IXSjlXUiPAg/s400/g+f+9-9-1.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อเห็นหน้าต่าง "ตั้งค่า HTML/ JavaScript" ก็นำโค้ดที่ได้ copy ไว้มาวางในพื้นที่เนื้อหานะครับ ส่วนหัวข้อก็แล้วแต่เพื่อนๆ อยากจะใส่ลงไปไหม สำหรับผม "ไม่ใส่" เพราะว่าโดยสาวนใหญ่ผู้อ่านน่าจะเข้าใจครับ<br /><br /><br /></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWc_UmaYuEI/AAAAAAAAEE4/kfxX_0Fg9s4/s1600-h/g+f+9-9-2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289265910511089730" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 370px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWc_UmaYuEI/AAAAAAAAEE4/kfxX_0Fg9s4/s400/g+f+9-9-2.png" border="0" /></span></a><span style="font-family:verdana;">ผมนำภาพตัวอย่างของ Gadget หรือ ของตกแต่งบล็อก ที่เป็นธงชาติของแต่ละประเทศ ที่เข้ามาเยี่ยมชมบล็อกของเรา ที่ผมติดตั้งไว้ที่บล็อก <a href="http://alittleofknowledge.blogspot.com/">http://alittleofknowledge.blogspot.com/</a> ไหนๆ ก็ได้มาใช้ gadget ของ <a href="http://flagcounter.com/">http://flagcounter.com/</a> ก็อยากให้ไปลองอ่านถึงข้อดีของเว็บไซต์นี้ได้ที่ลิงก์นี้เลยนะครับ (กำลังเขียนบทความอยู่นะครับ) แล้วในบทความต่อไป ตามอ่าน Gadget ตัวอื่นที่จะนำมาแนะนำด้วยนะครับ</span></div><div><span style="font-family:verdana;"><br /></span><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div></div></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1898465265630364778?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com10tag:blogger.com,1999:blog-1438928495303022325.post-73274742966891551252008-04-25T07:56:00.003-07:002009-01-08T13:44:54.898-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ตอนที่ 2 แล้วครับ คราวนี้ขอควบ 2 เรื่องนะครับ คือ การตั้งค่า "การเผยแพร่" และ "สิทธิ์" เพราะมีจุดที่ใช้ประโยชน์ร่วมกันครับ บทความตอนนี้จะทำให้เราบริหารบล็อกได้ง่ายขึ้น บล็อกไหนอยากให้ทุกคนดู บล็อกไหนอยากแค่ให้เพื่ออนบางคนดู แบบว่าความลับกันเอง ไม่อยากให้ใครมาเห็น บล็อกไหนไม่ให้ใครเข้ามาดูเลย ข้าดูของข้าคนเดียว หรือจะประยุกต์ใช้ เช่น ทยอยทำบล็อกจนเสร็จเรียบร้อย ถึงจะโชว์ให้คนอื่นดูก็ยังได้ ตามอ่านได้เลยครับ</span><span style="font-family:verdana;"><br /></span><br /><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZkgLOje4I/AAAAAAAAEEQ/z6RlAJ3q01A/s1600-h/pub+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289025316325653378" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 248px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZkgLOje4I/AAAAAAAAEEQ/z6RlAJ3q01A/s400/pub+1.png" border="0" /></span></a><span style="font-family:verdana;"> </span><br /><span style="font-family:verdana;">ผมเซฟหน้าเว็บมาให้ดูนะครับ สั้นๆ แค่นี้ละครับ ไม่ได้ยาวเหยียดเหมือนตอนแรก การตั้งค่า "ขั้นต้น" แต่ไปสำคัญที่เมนูต่างๆ กับความหมายครับ (ก่อนจะไปดูเรื่องอื่น ผมขอเกริ่นนำเรื่อง "รหัสยืนยัน" ก่อนนะครับ เดี๋ยวนี้ฮิตมาก เว็บต่างๆ ก็จะมีอักขระภาษาอังกฤษ หรือตัวเลข แสดงขึ้นมา ให้เราคีย์ตาม ก่อนจะกดบันทึก หรือ submit ใดๆ เพื่อป้องกัน robot หรือ สแปม)</span><br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWZkZBw24rI/AAAAAAAAEEI/q1YhZCmXxwU/s1600-h/pub+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289025193526092466" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 237px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWZkZBw24rI/AAAAAAAAEEI/q1YhZCmXxwU/s400/pub+2.png" border="0" /></span></a><span style="font-family:verdana;"> จากวงกลมแรก จะเห็นว่า ผมกำลังอธิบายถึงการตั้งค่า "การเผยแพร่" แต่พอกดที่ลิงก์ในวงกลมที่ 2 คือ ตั้งค่า "ผู้อ่านบล็อก" เป็น "ใครก็ได้" ก็จะกลายเป็นหน้าเว็บของการตั้งค่า "สิทธิ์" ทันทีทันใด</span><span style="font-family:verdana;"><br /><br /></span></div><div><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZkIwmoQLI/AAAAAAAAED4/fCR-7TlzKP8/s1600-h/pub+5-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024914041880754" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 315px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZkIwmoQLI/AAAAAAAAED4/fCR-7TlzKP8/s400/pub+5-1.png" border="0" /></span></a><span style="font-family:verdana;">ตามภาพข้างบนเลยครับ หน้าตาเหมือนหน้า "สิทธิ์" เลยครับ ทีนี้ลองดูส่วนล่าง คือ ส่วน "ผู้อ่านบล็อก" ก่อนนะครับ ในหัวข้อ "ใครสามารถดูบล็อกนี้ได้" จะติ๊กหน้าวงกลมตรง "O ใครก็ได้" เสมอ หมายถึง เผยแพร่ให้สาธารณะได้ดูกันทั่วโลกครับ<br /><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWZj3HFq-uI/AAAAAAAAEDw/JL8415P-v4M/s1600-h/pub+5-2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024610840017634" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 215px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWZj3HFq-uI/AAAAAAAAEDw/JL8415P-v4M/s400/pub+5-2.png" border="0" /></span></a><span style="font-family:verdana;">ต่อไปลองติ๊กที่วงกลมหน้า "เฉพาะบุคคลที่ฉันเลือก" มันก็จะขึ้นพื้นที่สีขาว (ตามภาพข้างบน) เหนือช่องขาว เขียนว่า "เชิญบุคคลอื่นให้อ่านบล็อกของคุณ" ตรงนี้แสดงให้เห็นว่า บล็อกคุณจะอ่านได้เฉพาะคนที่คุณเชิญเท่านั้น คนปกติจะเข้าไม่ได้เลย ด้วยการใส่อีเมล์ไปในช่องขาว ระบบของ Blogger ก็จะส่งเทียบเชิญให้มาอ่านบล็อก เท่าที่เราส่งอีเมล์ไปครับ โปรดดูประโยคข้าง "ผู้นบล็อก" คุณก็จะทราบทันทีว่า สามารถใส่อีเมล์ได้ถึง 100 อีเมล์ ทุกอย่างเรียบร้อย ต้องกด "เชิญ" ด้วยนะครับ<br /><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjxBIo8PI/AAAAAAAAEDo/9vj5J_dEg0U/s1600-h/pub+5-4.jpg"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024506162639090" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 234px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjxBIo8PI/AAAAAAAAEDo/9vj5J_dEg0U/s400/pub+5-4.jpg" border="0" /></span></a><span style="font-family:verdana;">ต่อไปมาถึงการติ๊กที่วงกลมหน้า "เฉพาะผู้เขียนบล็อก" อันนี้หนักกว่านั้น อีก คือ ตัวเราเอง เจ้าของบล็อก.....ไม่ให้ใครดูแลเลย นอกจาตัวเจ้าของเอง<br /><br /><br /></span><div> </div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjreizxoI/AAAAAAAAEDg/M3DxcbhG38k/s1600-h/pub+5-5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024410977814146" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 311px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjreizxoI/AAAAAAAAEDg/M3DxcbhG38k/s400/pub+5-5.png" border="0" /></span></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024300799239026" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 181px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjlEGMI3I/AAAAAAAAEDY/9mBJD_rGE4g/s400/pub+5-6.png" border="0" /></span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;">เมื่อติ๊กที่ "เฉพาะผู้เขียนบล็อก" จะเห็นหน้าจอคอมพิวเตอร์เป็นตามภาพ มีเมนูสีส้มเขียนว่า "อนุญาเฉพาะคนเขียน" เมื่อกดเสร็จ บล็อกของคุณก็จะไม่มีใครเข้ามาอ่านได้ทันที</span><span style="font-family:verdana;"><br /></div></span><div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjWc8LbpI/AAAAAAAAEDQ/IvyqhnFgmpU/s1600-h/pub+9-1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289024049770098322" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 252px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZjWc8LbpI/AAAAAAAAEDQ/IvyqhnFgmpU/s400/pub+9-1.png" border="0" /></span></a><span style="font-family:verdana;"> ต่อไป มาดูส่วนแรกกันนะครับ คือส่วน "ผู้เขียนบล็อก" คือหมายถึง ใครก็ได้จะสร้างบล็อกรวมกัน เท่าที่เราจะอนุญาต ด้วยการใส่อีเมล์ลงไป ได้ถึง 100 คน ดังนั้นถ้าจะอธิบายให้เห็นภาพชัดเจน เช่นว่า คุณมีเพื่อนมหาวิทยาลัย (บุคคลซึ่งมีความรู้ในการเขียนบล็อกบ้าง) สัก 15 คนกก็ได้ คุณก็สมัครอีเมล์ใหม่ แล้วเปิดบัญชีใหม่ สร้างบล็อกใหม่ ให้เพื่อนๆ ก็เข้าแจมด้วย ร่วมเขียนบทความร่วมกัน ครับ เป็นต้น และเมื่อกดปุ่มเมนูสีฟ้า "เพิ่มผู้เขียน"</span><span style="font-family:verdana;"><br /><br /></span></div><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZjOThCSVI/AAAAAAAAEDI/RsE_MeaLjNU/s1600-h/pub+9-2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289023909801380178" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 327px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWZjOThCSVI/AAAAAAAAEDI/RsE_MeaLjNU/s400/pub+9-2.png" border="0" /></span></a></div><span style="font-family:verdana;">ก็จะมีพื้นที่สีขาวแสดงออกมา เหนือพื้นที่ขาว มีประโยค "เชิญผู้อื่นให้เขียนข้อมูลในบล็อกของคุณ" โดยการใส่อีเมล์ของคนที่คุณต้องการให้ดัดแปลง หรือเพิ่มบทความลงไปในพื้นที่สีขาวครับ</span><br /><div><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWZhrFDp6gI/AAAAAAAAEDA/OUWc-_0jGDk/s1600-h/pub+9-4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5289022205113002498" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 123px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWZhrFDp6gI/AAAAAAAAEDA/OUWc-_0jGDk/s400/pub+9-4.png" border="0" /></span></a><span style="font-family:verdana;">เมื่อทุกอย่าง จบเสร็จสิ้นแล้ว ก็อย่าลืมเมนูสีส้ม "บันทึกการตั้งค่า" ด้วยนะครับ แล้วตอนหน้าพบกับการอ่านเมนูการจัดการ "การจัดรูปแบบ" กันนะครับ บ๊ายบายครับ<br /><span style="color:#ffffff;">.</span><br /></span><div><span style="font-family:verdana;">ขอบคุณครับ</span></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div></div></div></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7327474296689155125?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com2tag:blogger.com,1999:blog-1438928495303022325.post-91826476947142601762008-04-25T07:56:00.001-07:002009-01-11T07:15:46.527-08:00<a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZYOpyiKPI/AAAAAAAAEC4/onsFFVbswRw/s1600-h/set+f+1.png"><img id="BLOGGER_PHOTO_ID_5289011821152446706" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 291px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZYOpyiKPI/AAAAAAAAEC4/onsFFVbswRw/s400/set+f+1.png" border="0" /></a><br /><div><span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ผมขอเริ่มซีรี่ส์แนะนำส่วน "การตั้งค่า" ของบล็อกนะครับ มีทั้งสิ้น 6 ตอนนะครับ ตอนแรกก็เริ่มจาก การจัดการข้อมูล "ขั้นต้น" นะครับ โดยผมจะขอแนะนำจากหัวข้อเมนูที่แสดงในแถบ ซึ่งมี 9 หัวข้อให้จัดการ (เรียงจากซ้ายไปขวา) แต่จะมีอยู่ตอนหนึ่งที่รวม 2 และ 3 การจัดการ จึงเหลือ 6 ตอน</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288997828800080962" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 190px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZLgMNw7EI/AAAAAAAAECo/sSpThvoXS5Q/s400/set+f+2.png" border="0" /></span><br /><span style="font-family:verdana;">เริ่มกันเลยนะครับ</span><br /><ul><li><span style="font-family:Verdana;"><strong><span style="color:#000099;">เครื่องมือเขียนบล็อก</span></strong> : เป็นหัวข้อใหม่นะครับ ผมจะหาเวลาศึกษา แล้วมาแนะนำเพื่อนๆ นะครับ แต่ถ้าท่านใดเคยใช้แล้ว ก็ช่วยผม และเพื่อนๆ ท่านอื่น โดยแนะนำใน "แสดงความคิดเห็น" ได้เลยนะครับ แต่เท่าที่พอจะเข้าใจก็คือ "นำเข้าบล็อก" น่าจะเหมือนกับโอนย้ายข้อมูลบล็อกอื่นมาไว้เลย ส่วน "ส่งออกบล็อก" คือการเอาบทความทั้งหมดไปที่บล็อกอื่น โอ้โห.........ถ้าใช่อย่างที่คิดนะครับ วิเศษไปเลย เนื่องจากผมมีบทความหลานยบล็อกมาก ที่สำคัญหลายบัญชีด้วย ทำให้การจัดการบล็อกค่อนข้างยาก ถ้ามี 2 วิธนี้ ผมก็สบาย เอาไว้จะลองศึกษาแล้วนำมาฝากนะครับ ส่วนแนสุดท้าย "ลบบล็อก" นี้ชัดเจนครับ ถ้ากดลบบล็อก ก็จะมีเมนูถามว่า แน่ใจนะ ยืนยันนะ ประมาณนี้ (ไม่กล้ากดครับ กลัวหาย)</span></li><li><span style="font-family:Verdana;"><strong><span style="color:#000099;">หัวข้อ</span></strong> : ก็ตรงๆ เลยครับ คือ หัวข้อของบล็อืกเรา หรือชื่อบล็อกเรา มาถึงตรงนี้อยากบอกเพื่อนๆ ว่า ครั้งแรกที่เราสร้างบล็อก จะมีให้เราใส่ชื่อบล็อก แล้วผมบอกว่าอย่าซีเรียส ให้ซีเรียสที่ชื่อโดเมนเนมของบล็อก ที่จะกลายมาเป็น URL อันนั้นสำคัญมากกว่า เนื่องจากตรงส่วนนี้ละครับ ที่จะเป็นอีกทาง หรืออีกวิธีที่เราสามารถเปลี่ยนชื่อบล็อืกได้ครับ ส่วนตัวผมชอบ Blogger ตรงนี้ละครับ คือ ในเรื่องๆ หนึ่งที่ต้องจัดการนั้น มีหลายช่องทาง บางอย่างมีถึง 3 ช่องทาง</span></li><li><span style="font-family:Verdana;"><strong><span style="color:#000099;">คำอธิบาย</span></strong> : ก็คือคำอธิบายที่อยู่ใต้ "ชื่อบทความ" ทั้ง "ชื่อบทความ" และ "คำอธิบายบทความ" นั้นสำคัญมากนะครับ ถือว่าเป็นหัวใจสำคัญเรื่องหนึ่งในการสร้างบล็อกให้ติดอันดับต้นๆ ของการค้นหาจากหน้าของ Google ครับ ซึ่งผมจะได้แนะนำเพื่อนๆ ต่อไปในขั้นที่สูงขึ้นครับ</span></li></ul><br /><img id="BLOGGER_PHOTO_ID_5288997661123115858" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 202px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWZLWbkde1I/AAAAAAAAECg/z8pLYtpwS7U/s400/set+f+41.png" border="0" /><br /><br /><span style="font-family:verdana;">ต่อไปเป็นส่วนที่เราไม่ควรไปเปลี่ยนแปงดๆ นะครับ เพราะถือว่าระบบเดิม เซ็ทมาไว้ดีแล้ว เป็นลักษณะเหมือนให้เราตัดสินใจว่า "ใช่" หรือ "ไม่" เท่านั้นเองครับ</span><br /><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">เพิ่มบล็อกของคุณในรายการของเราหรือไม่</span></strong> : เดิมตอบว่า "ใช่" ก็ควรให้เป็นอย่างนั้นนะครับ เพราะถ้าเราตอบไม่ น่าจะมีเหตุผลเดียว คือเอาไว้ดูเอง เสียโอกาสที่จะเผยแพร่ในโลกอินเตอร์เน็ต</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">อนุญาตให้เครื่องมือค้นหาพบบล็อกของคุณหรือไม่</span></strong> : "ใช่" ไว้ก่อนครับ ถ้า "ไม่" ก็แสดงว่าไม่อยากให้ใครรู้จักบล็อกเรา (มั้งครับ)</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงการแก้ไขอย่างรวดเร็วบนบล็อกของคุณหรือไม่</span></strong> : อันนี้ต้อง "ใช่" สถานเดียวครับ ไม่งั้นเวลาเปลี่ยนแปลง หรืออัพเดทข้อมูลอะไร คุณเหนื่อยแน่ เนื่องจากโดยระบบของ Blogger จะมีสัญลักษณ์ "ประแจไขว่กับไขควง" ซึ่งก็คือเมนูลัดในการจัดการบล็อกนั่นเองครับ<br /></span></li></ul><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWZLML39xTI/AAAAAAAAECY/MXmaBhIissk/s1600-h/set+f+5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288997485111264562" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 143px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWZLML39xTI/AAAAAAAAECY/MXmaBhIissk/s400/set+f+5.png" border="0" /></span></a><span style="font-family:verdana;">ต่อไปเป็น</span><span style="font-family:verdana;"><br /></div><ul><li><strong><span style="color:#000099;">แสดงลิงก์ส่งบทความทางอีเมล</span></strong> : เหมือนเดิมครับ "ใช่" ไว้ก่อน เพราะมันคือ ลิงก์การส่งบทความทางอีเมล ช่วยให้ผู้เข้าชมของคุณสามารถส่งบทความทางอีเมลจากบล็อกของคุณถึงเพื่อนๆ ซึ่งก็จะเป็นประโยชน์กับบล็อกของคุณอยู่แล้ว ในการเผยแพร่ครับ</li><li><strong><span style="color:#000099;">มีเนื้อหาสำหรับผู้ใหญ่หรือไม่</span></strong> : อันนี้ก็ลองดูเนื้อหานะครับ แต่ของผมไม่มีเนื้อหาผู้ใหญ่ (น่าจะแบบมีบทความเกี่ยวกับทางด้านเพศ หรือมีภาพ หรือความรุนแรง เป็นต้น) ดังนั้น "ใช่" ตามระเบียบครับ </li></ul></span><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZLERhLblI/AAAAAAAAECQ/R_OSdV2YyU4/s1600-h/set+f+7.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288997349187350098" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 255px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWZLERhLblI/AAAAAAAAECQ/R_OSdV2YyU4/s400/set+f+7.png" border="0" /></span></a><span style="font-family:verdana;">และสุดท้าย เป็น "การตั้งค่ารวม" ของทุกบล็อก</span><br /></div><ul><li><span style="font-family:verdana;"><strong><span style="color:#000099;">แสดงโหมดเขียนบทความสำหรับบล็อกทั้งหมดของคุณหรือไม่</span></strong> : เช่นเดิมครับ "ใช่" ไว้ก่อน เพราะทำให้เราปรับปรุงบล็อกได้ง่ายขึ้นครับ</span></li><li><span style="font-family:verdana;"><strong><span style="color:#000099;">ใช้การถอดเสียงหรือไม่</span></strong> : หัวข้อนี้ไม่ทราบจริงๆ ครับ แต่ผมก็ไคยไปแตะต้องเลยนะครับ เนื่องจากสมัยที่เริ่มศึกษาใหม่ๆ ไม่รู้ว่าผมไปแตะต้องอะไรตรงส่วนนี้เข้า ผมปวดหัวมาก เพราะมันคอยจะแปลงภาษาไทยของผมฝเป็นภาษาฮินดูตลอด ทำให้ผมถึงกับต้องย้ายบัญชี (คือว่า ตอนแรกๆ ไม่รู้อะไรเลยครับ ว่ายอยู่ในทะเลบล็อกครับ จึงผิดพลาดมาเยอะ ถึงไม่อยากให้เพื่อนๆ ที่ไม่เก่ง ไม่รู้เรื่องอย่างผม ได้มีโอกาสทราบ รับรู้ถึงการสร้างบล็อก การเขียนบล็อก ได้อย่างรวดเร็ว ไม่เสียเวลา เพราะเวลาของคนเรานั้นมีค่ามหาศาลมากครับ มากกว่าเงินทองเสียอีก)</span></li></ul><br /><div><span style="font-family:Verdana;">ตอนจบของบทความนี้ เมื่อเพื่อนๆ มีการแก้ไข เปลี่ยนแปลงอะไรก็ตาม ให้กดปุ่มเมนูสีส้ม "บันทึกการตั้งค่า" ด้วยนะครับ ในตอนหน้าของซีรี่ส์นี้ พบกับ การจัดการข้อมูล "การเผยแพร่" นะครับ</span></div><br /><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div><div><span style="color:#ffffff;">.</span></div><div><span style="color:#ffffff;">.</span></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-9182647694714260176?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-8489088298721823152008-04-25T07:55:00.002-07:002009-01-08T10:29:26.100-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ บทความนี้ไม่ยาวเท่าไหร่ เพราะเป็นเพียงการแนะนำเรื่อง "เลือกแม่แบบใหม่" หรือ "เลือกเทมเพลทใหม่" ก็ได้ เพราะว่าทาง Blogger.com มักจะเปลี่ยนแปลงคำศัพท์ หรือคำทับศัพท์ ตลอดเวลา ขอให้เพื่อนๆ ดูทีความหมายที่เหมือนกันก็พอครับ</span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">เมื่อเราสร้างบล็อกไปสักระยะหนึ่ง ผมคิดว่าส่วนใหญ่น่าจะคิดคล้ายๆ ผมคือ ผมรู้สึกว่าบล็อกนั้นเหมือนตัวเรา เช่น เป็นห้องของเรา เป็นบ้านของเรา เป็นอุปนิสัยของเรา เป็นสิ่งที่เราชอบ เป็นเรื่องราวที่ตัวเราหวังดีอยากให้เพื่อนๆ ได้อ่าน เป็นอะไรหลายๆ อย่างที่เป็นความเป็นตัวตนของเรา ดังนั้นเราย่อมรัก และอยากให้ดีอยู่เสมอ อยากจะปรับปรุง เปลี่ยนแปลง ทั้งจาก ประสบการณ์ที่มีมากขึ้น ความรู้สึกของบล็อกที่เปลี่ยนแปลงไป หลายอย่างที่ทำให้เราต้องมีการปรับปรุงบล็อกตลอดเวลา </span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">ทำให้การ "เลือกแม่แบบใหม่" มีโอกาสเกิดขึ้นได้บ่อย เพราะผมเปลี่ยนบ่อยมากๆ ในช่วงแรกๆ ปัจจุบันผมเริ่มมีแบบมาตรฐานที่ใช้ประจำ ซึ่งเดี๋ยวจะแนะนำเพื่อนๆ ภายในบทความอีกทีนะครับ</span><br /><br /><br /><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3tWtWG6I/AAAAAAAAECI/XV1AqE7tH9Q/s1600-h/babb+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288976064722639778" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 237px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3tWtWG6I/AAAAAAAAECI/XV1AqE7tH9Q/s400/babb+1.png" border="0" /></span></a><span style="font-family:verdana;"> เช่นเคย คือ เริ่มจากเข้าสู่ระบบการจัดการ (สามารถดูวิธีการได้จากบทความ : <a href="http://bloggerbuild.blogspot.com/2008/04/2.html" target="_new">3 วิธีเข้าสู่เว็บไซต์สร้างบล็อกระดับโลกของ Blogger </a>) ไปที่รูปแบบ (เมื่อเข้าสู่รูปแบบครั้งแรก จะไปที่ "องค์ประกอบหน้า" เสมอ) </span><br /><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWY3jH_eewI/AAAAAAAAECA/v_AqwqzfkPY/s1600-h/babb+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975888973462274" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 221px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWY3jH_eewI/AAAAAAAAECA/v_AqwqzfkPY/s400/babb+2.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อต้องการเปลี่ยนแบบของบล็อก ให้กดที่เมนู "เลือกแม่แบบใหม่" (ตามลูกศรใหญ่) ก็จะไปสู่หน้าการจัดการที่มีแบบของบล็อกให้เลือกมากมาย และถ้าเพื่อนๆ สังเกตให้ดี ทบทวนความจำตอนครั้งแรกที่ได้สมัครสร้างบล็อก จะพบว่าแบบที่ให้เลือกนั้นมีน้อยกว่านี้ ดังนั้นสำหรับคนที่สร้างบล็อกจนเริ่มคุ้นเคย หรือชำนาญแล้ว ก็ไม่ต้องกังวลกับรูปแบบตอนแรกที่มีให้เลือกน้อย ก็สร้างบล็อกใหม่ไปก่อน แล้วค่อยมาเปลี่ยนทีหลัง-สามารถเปลี่ยนได้ทันทีเมื่อเราสร้างบล็อกเสร็จ</span><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"><br /><br /></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3aw80qnI/AAAAAAAAEB4/4ua4Cu-V92A/s1600-h/babb+3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975745349364338" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 247px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3aw80qnI/AAAAAAAAEB4/4ua4Cu-V92A/s400/babb+3.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดเมนู "เลือกแม่แบบใหม่" จะเห็นหน้าแรกเป็นตามภาวพข้างบน อยากให้เพื่อนสังเกตที่กรอบซ้อนกรอบเล็กในภาพ จะมีแบบให้เลือก 3 แบบ คือ ซ้าย - กลาง - ขวา (ลองขยายรูปดูนะครับ กดที่ภาพได้เลย) แต่ละแบบก็มี "ชื่อแบบ" และมีให้เลือกถึง 4 แบบย่อย ปัจจุบันผมใช้แบบ "กลาง" ลำดับที่ 1 ชื่อ Denim มากที่สุด เพราะผมสามารถเปลี่ยนรายละเอียดภายฬนได้ง่ายกว่าแบบอื่นๆ ซึ่งผมจะได้แนะนำเพื่อนๆ ถึงแบบนี้ในบทความอื่นต่อไป</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:Verdana;"></span><span style="font-family:verdana;">สมัยผมสร้างบล็อกใหม่ผมมักใช้ แบบ "ขวา" ทั้ง 4 แบบเลยครับ เพราะใช้งานง่าย บล็อกถูกแบ่งเป็นส่วนๆ สวยงาม มีแบ่งสีชัดเจน ทำให้ดูมีสีสรร ไม่ต้องแต่งมาก แต่ในที่สุด สูงสุดคืนสู่สามัญ บล็อกของผมปัจจุบันจะเรียบง่าย ใช้สีพื้นเป็นหลักเกือบทั้งหมด ไม่ตกแต่งสีมากจนเกินไปครับ</span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"><br /></span><span style="font-family:verdana;"></span><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWY3UzcNmnI/AAAAAAAAEBw/dh6Q1TAHZlw/s1600-h/babb+4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975642938677874" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 172px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWY3UzcNmnI/AAAAAAAAEBw/dh6Q1TAHZlw/s400/babb+4.png" border="0" /></span></a><span style="font-family:verdana;"> ตัวอย่างแบบอื่นๆ เรียงตามลำดับ ทั้ง 3 แบหลักนี้ ผมไม่ใช้เลยในปัจจุบัน แต่เคยทดลองใช้บ้าง แต่พอใช้เสร็จก็รีบเปลี่ยนทันที เพราะว่าไม่ชอบเลย ไม่เข้ากับบล็อกเลย คือตัวผมบอกตัวเองอย่างนั้น<br /><br /></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3MWfyflI/AAAAAAAAEBo/VTX555MpKBY/s1600-h/babb+5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975497730096722" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 160px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWY3MWfyflI/AAAAAAAAEBo/VTX555MpKBY/s400/babb+5.png" border="0" /></span></a><span style="font-family:verdana;"> </span></div><div align="center"><span style="font-family:verdana;">เหมือนกันครับทั้ง 3 แบบหลักนี้ ผมก็ไม่ใช้เลยเช่นกันครับ</span></div><div><br /></div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWY3FkVDbmI/AAAAAAAAEBg/IgDZD6ohNCs/s1600-h/babb+7.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975381184081506" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 187px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWY3FkVDbmI/AAAAAAAAEBg/IgDZD6ohNCs/s400/babb+7.png" border="0" /></span></a><span style="font-family:verdana;"> แบบ "ซ้าย" ผมใช้ประจำเช่นกันครับ แต่ต้องเป็นบล็อกที่สบายๆ ไม่ต้องเพิ่มเติมเปลี่ยนแปลงขนาดความกว้างหรือสีใดๆ เช่น <a href="http://preedamusic.blogspot.com/">http://preedamusic.blogspot.com/</a> ที่เป็นบล็อกที่ผมเคยร้องคาราโอเกะ จึงเอาเสียงแหบๆ ของตัวเองมาวางไว้ เวลาฟังจะได้ง่ายๆ เพราะเวลาไปเสริช์จากเว็บ <a href="http://www.daraoke.com/">www.daraoke.com</a> จะเสียเวลา สู้เอามาวางเลยดีกว่า คลิ๊กมาก็ฟังเลย (ให้เครดิตแกรมมี่ที่มีไอเดียดีมากเลยนะครับ ผลิตเว็บร้องคาราโอเกะ ที่ให้เราเข้าไปร้องเพลงเอง มีวีดีโอของตัวเอง ได้ดีมากๆ ครับ เพื่อนๆ ลองแวะเข้าไปเยี่ยมได้นะครับ <a href="http://www.daraoke.com/">www.daraoke.com</a> )<br /></span></div><div><span style="font-family:verdana;"><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWY29p-XcyI/AAAAAAAAEBY/xg-dJbE9_T0/s1600-h/babb+8.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975245260583714" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 152px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWY29p-XcyI/AAAAAAAAEBY/xg-dJbE9_T0/s400/babb+8.png" border="0" /></span></a><span style="font-family:verdana;"> แบบ "ขวา" ผมใช้อยู่ 1 บล็กนะครับ คือ <a href="http://preedaretell.blogspot.com/">http://preedaretell.blogspot.com/</a> ที่อาเรื่อดีๆ ของคนอื่น มารวบรวม หรือมาเล่าต่อนั่นเองครับ ส่วนแบบอื่น ก็เคยทดลองใช้หมดแล้วครับ แต่ปัจจุบันไม่ได้ใช้แล้ว<br /></span></div><div><span style="font-family:verdana;"><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWY21itQPOI/AAAAAAAAEBQ/p1BBUUoBaCU/s1600-h/babb+9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288975105870806242" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 296px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWY21itQPOI/AAAAAAAAEBQ/p1BBUUoBaCU/s400/babb+9.png" border="0" /></span></a><span style="font-family:verdana;"> </span></div><div><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">ครับ ก็มาถึงท้ายบทความ เมื่อเราเลือกแบบใหม่เรียบร้อยแล้ว (ด้วยการิ๊กที่วงกลมหน้าแบบ แต่ละแบบ) ซึ่งผมก็ถือโอกาสยกตัวอย่างแบบสุดท้ายไปเลยละกัน จากนั้นกดเมนูสีส้ม "บันทึกแม่แบบ" และเพื่อนๆ สามารถกด "ดูบล็อก" ได้เลยนะครับ</span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;">อ้าว...........ผมลืมแนะนำเพื่อนๆ ไป อีกเรื่อง ถ้าสังเกตดูใต้แบบแต่ละแบบ จะมีเมนูตัวหนังสือ (ขีดเส้นใต้) เขียนว่า "แสดงตัวอย่างแม่แบบ" ถ้าเลือกแบบแล้ว และกดดู ก็จะเห็นตัวอย่างบล็อกของเราที่เลือกแบบนั้นๆ นะครับ</span></div><div><span style="font-family:Verdana;"></span> </div><div><span style="font-family:verdana;">ขอบคุณครับ</span></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a> </div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-848908829872182315?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-4706720222470180952008-04-25T07:55:00.001-07:002009-01-08T04:53:56.817-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ตอนสุดท้ายของ การเพิ่ม "องค์ประกอบหน้า" แล้วนะครับ เป็น 4 องค์ประกอบใหม่ของ Blogger นะครับ ที่ผมใช้บ้างนิดหน่อย 2 ตัวคือ "ลิงก์การสมัคร" และ "ผู้ติดตาม" ตามอ่านรายละอียดกันครับ</span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"></span><br /><div align="center"><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWSr6vCUaI/AAAAAAAAEAg/uORLA7cRjUA/s1600-h/5+final.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288794620615086498" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWSr6vCUaI/AAAAAAAAEAg/uORLA7cRjUA/s400/5+final.png" border="0" /></span></a><span style="font-family:verdana;"> ผมนำภาพของ 4 ส่วนองค์ประกอบสุดท้ายมาให้ดูนะครับ</span></div><span style="font-family:verdana;"></span><br /><br /><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288796075851246946" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 111px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWUAn6X7WI/AAAAAAAAEBA/8MSm3tO9OP8/s400/linklink.png" border="0" /> องค์ประกอบ "ลิงก์การสมัคร" เป็นลูกเล่นที่ทาง Blogger มีไว้สำหรับเรา ในกรณีที่เราติดตั้งองค์ประกอบนี้แล้ว คนที่สนใจบทความของบล็อก ก็สามารถสมัครเพื่อรับข้อมูลของเราได้<br /><br /><br /></span><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWSfSqWVZI/AAAAAAAAEAY/4Vy8aOXqPbc/s1600-h/subsc+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288794403699578258" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 208px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWSfSqWVZI/AAAAAAAAEAY/4Vy8aOXqPbc/s400/subsc+1.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์ ก็จะเห็นหน้าต่าง "กำหนดค่าลิงก์การสมัคร" ติดตั้งง่ายมากครับ แค่กด "บันทึก" ก็เสร็จสิ้นเลยครับ<br /><br /><br /><img id="BLOGGER_PHOTO_ID_5288794272454379890" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 261px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWSXpvDiXI/AAAAAAAAEAQ/NlBn7q_x9B8/s400/2+sample.png" border="0" /></span></div><div><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">โดยดูตัวอย่างตามภาพข้างบน หัวข้อ "Subscribe To" ที่แสดงได้ทั้ง "Posts" คือการรับบทความ เวลาเราสั่งเผยแพร่ และ "All Comments" ตือการรับการแสดงความคิดเห็น เมื่อมีผู้แสดงความคิดเห็นในบล็อกเรา</span></div><div><br /> </div><div align="center"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288796071160318530" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 90px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWUAWb-CkI/AAAAAAAAEA4/ZQ1YRtO17oU/s400/slideslide.png" border="0" /> องค์ประกอบ "สไลด์โชว์" มีไว้สำหรับใส่ภาพมาโชว์จากเว็บไซต์ในเครือ หรือพันธมิตร ของ Google<br /></span></div><div> </div><div><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWWSNQhvZlI/AAAAAAAAEAI/467sdETAwEM/s1600-h/slide+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288794093888955986" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 353px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWWSNQhvZlI/AAAAAAAAEAI/467sdETAwEM/s400/slide+1.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์ จะเห็นหน้าต่าง "กำหนดค่าสไลด์โชว์" ซึ่งสามารถเปลี่ยนหัวข้อได้ เลือกที่มาของภาพจากเว็บที่กำหนด เลือกคีย์เวิร์ด หรืออัลบั้ม ถ้าเลือกคีย์เวิร์ด ก็ให้ใส่คีย์เวิร์ดที่อยากให้มีภาพมาแสดง เช่น Sea หรือ Sunset เป็นต้น ก็จะมีภาพที่เป็นวิวทะเล หรือ พระอาทิตย์ มาแสดง จากนั้นก็กดบันทึกเหมือนเดิมครับ (สารภาพนะครับ ที่อธิบายหลวมๆ เพราะว่า ไม่เคยใช้เลย จึงไม่ชำนาญ ถ้าเพื่อน-นไหนชำนาญ ก็มาแนะนำเพื่อนๆ ที่ยังไม่ค่อยเป็น ที่ "แสดงความคิดเห็น" ได้นะครับ)</span><span style="font-family:verdana;"><br /><br /></span></div><div><div align="center"><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWSHCyrXSI/AAAAAAAAEAA/FOIhpb4OqTI/s1600-h/slide+2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288793987122683170" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 356px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWSHCyrXSI/AAAAAAAAEAA/FOIhpb4OqTI/s400/slide+2.png" border="0" /></span></a><span style="font-family:verdana;"> ผมลองนำภาพขยายในส่วนของที่มาของภาพ ซึ่งเป็นเว็บในเครือ หรือพันธมิตรของ Google<br /><br /><br /><img id="BLOGGER_PHOTO_ID_5288796066411408978" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 93px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWUAEvvblI/AAAAAAAAEAw/opfr4iFXhgk/s400/follow.png" border="0" /></span></div><div><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;">องค์ประกอบ "ผู้ติดตาม" มีไว้สำหรับแสดงว่ามีใครบ้างที่ติดตามดูล็อกของเรา ซึ่งก็จำเป็นว่าจะแสดงเฉพาะสมาชิกของ Blogger เท่านั้นครับ</span><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWR-RTmE4I/AAAAAAAAD_4/T1peKvrEH6I/s1600-h/tidtam+1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288793836400022402" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 330px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWR-RTmE4I/AAAAAAAAD_4/T1peKvrEH6I/s400/tidtam+1.png" border="0" /></span></a><span style="font-family:verdana;"> ติดตั้งง่ายครับ เมื่อกดแบนเนอร์ เห็ฯหน้าต่าง "กำหนดค่ารายการผู้ติดตาม" ก็กดบันทึกเลย ถือว่าเสร็จเรียบร้อย<br /><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWR4QK8jxI/AAAAAAAAD_w/k_HyI8nmZcg/s1600-h/2+sample.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288793733016096530" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 261px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWR4QK8jxI/AAAAAAAAD_w/k_HyI8nmZcg/s400/2+sample.png" border="0" /></span></a><span style="font-family:verdana;">ดังตัวอย่างตามภาพข้างบน ส่วนหัวข้อ "เพื่อนๆ ที่เข้ามาเยี่ยมบล็อกผมครับ" ส่วนท้ายหัวข้อ จะเห็น (2) หมายถึง มี 2 คนที่เป็นผู้ใช้งาน Google เข้ามาอ่านครับ<br /><br /><img id="BLOGGER_PHOTO_ID_5288796067493176610" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 103px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWWUAIxp5SI/AAAAAAAAEAo/Ylt6jTYAJPs/s400/blogfeed.png" border="0" /> สุดท้ายแล้วครับ กับองค์ประกอบ "รายการบล็อก" ก่อนหน้านี้มีองค์ประกอบ "ลิงก์การสมัคร" ที่คนอื่นอยากดู อยากติดตามบล็อกของเรา ดังนั้น "รายการบล็อก" จะตรงกันข้าม คือ เราสนใจติดตามอ่านบล็อกจากที่อื่นเหมือนกัน<br /></span></div><div><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWRgLUXslI/AAAAAAAAD_o/-QEUGiax5yY/s1600-h/blog+list.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288793319396586066" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 331px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWWRgLUXslI/AAAAAAAAD_o/-QEUGiax5yY/s400/blog+list.png" border="0" /></span></a><span style="font-family:verdana;"> </span></div></div></div></div></div></div><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">กดแบนเนอร์ จะเห็นหน้าต่าง "กำหนดค่ารายการบล็อก" สามารถตังหัวข้อได้ใหม่ เลือกรายการแสดง เลือกการแสดง เมื่อกดเมนู "เพิ่มรายการ" จะมีหน้าต่างให้ใส่ URL เพื่อติดตามงานของบ็อกนั้นๆ และก็กดบันทึก เป็นอันเสร็จสิ้น (สารภาพอีกแล้ว กับองค์ประกอบนี้ ไม่เคยใช้เลยครับ จึงยังไม่ชำนาญเท่าไหร่ ถ้ามีความรู้เพิ่มเติมจะมาอธิบายนะครับ)</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:Verdana;">ก่อนจะจบเรื่ององค์ประกอบ ที่มีถึง 11 ตอน ผมก็ลองสรุปบล็อกที่ผมเขียนบทความเป็นประจำอีกครั้งนะครับ ดังนี้ครับ</span><br /><ul><li><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">http://preedaroom.blogspot.com/</span></a></li><li><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">http://preedastation.blogspot.com/</span></a></li><li><a href="http://alittleofknowledge.blogspot.com/"><span style="font-family:verdana;">http://alittleofknowledge.blogspot.com/</span></a></li><li><a href="http://preedaavenue.blogspot.com/"><span style="font-family:verdana;">http://preedaavenue.blogspot.com/</span></a></li><li><a href="http://preedanoikendezu.blogspot.com/"><span style="font-family:verdana;">http://preedanoikendezu.blogspot.com/</span></a></li><li><a href="http://bloggerbuild.blogspot.com/"><span style="font-family:verdana;">http://bloggerbuild.blogspot.com/</span></a></li><li><a href="http://trytoscoundrel.blogspot.com/"><span style="font-family:verdana;">http://trytoscoundrel.blogspot.com/</span></a></li><li><a href="http://webblogguidestation.blogspot.com/"><span style="font-family:verdana;">http://webblogguidestation.blogspot.com/</span></a></li><li><a href="http://ilbangkok.blogspot.com/"><span style="font-family:verdana;">http://ilbangkok.blogspot.com/</span></a></li><li><a href="http://preedaretell.blogspot.com/"><span style="font-family:verdana;">http://preedaretell.blogspot.com/</span></a></li><li><a href="http://siampwd.blogspot.com/"><span style="font-family:verdana;">http://siampwd.blogspot.com/</span></a></li><li><a href="http://preedamusic.blogspot.com/"><span style="font-family:verdana;">http://preedamusic.blogspot.com/</span></a></li><li><a href="http://somdejprapeenang.blogspot.com/"><span style="font-family:verdana;">http://somdejprapeenang.blogspot.com/</span></a></li><li><a href="http://pwdom.blogspot.com/"><span style="font-family:verdana;">http://pwdom.blogspot.com/</span></a></li><li><a href="http://pwdomhutch2.blogspot.com/"><span style="font-family:verdana;">http://pwdomhutch2.blogspot.com/</span></a></li><li><a href="http://preedaprayer.blogspot.com/"><span style="font-family:verdana;">http://preedaprayer.blogspot.com/</span></a></li></ul><span style="font-family:verdana;">ส่วนบล็อกที่ผมทำขึ้นมพิเศษ พอดีว่าผมจะมีการจัดฝึกอบรมการสร้างบล็อก จึงทำเพิ่มอีก 2 บล็อกเพื่อไว้ยกตัวอย่างครับ คือ</span><br /><ul><li><a href="http://goodbyesantika.blogspot.com/"><span style="font-family:verdana;">http://goodbyesantika.blogspot.com/</span></a></li><li><a href="http://leasingout.blogspot.com/"><span style="font-family:verdana;">http://leasingout.blogspot.com/</span></a></li></ul><span style="font-family:Verdana;">ครับ ก็จบเรื่ององค์ประกอบแล้ว ในบทต่อๆ ไป ผมก็จะมาแนะนำเกี่ยวกับเทคนิคในการใช้งานในส่วนต่างๆ ในการสร้างบล็อก เท่าที่ผมจะมีความรู้นะครับ เพราะว่า ผมก็ไม่เก่งเหมือนกับทุกคน คลำทางมาเรื่อยๆ พอจะเป็นบ้างนิดหน่อย อยากถ่ายทอดให้เพื่อนๆ ได้เป็นกันไวๆ จะได้ไม่เสียเวลา หวังว่าจะเกิดประโยชน์กับทุกท่าน ไม่มากก็น้อยนะครับ</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:verdana;">ขอบคุณครับ</span><br /><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-470672022247018095?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com1tag:blogger.com,1999:blog-1438928495303022325.post-9314263502663972122008-04-25T07:54:00.000-07:002009-01-06T10:14:15.091-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ อีก 5 ตอนของอค์ประกอบ ก็จะจบแล้วนะครับ มาเริ่มกันที่ องค์ประกอบ "แบบสำรวจ" กัน ผมจะค่อนข้างเน้นไปที่การยกตัวอย่างเว็บบล็อกของผมละกันะครับ ซึ่งก็ทำไม่ค่อยเยอะเท่าไหร่หรอกครับ เพื่อนๆ จะได้เห็นภาพึมง่ายๆ</span><br /><span style="font-family:verdana;"></span><br /><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQx_iNnNI/AAAAAAAAD9c/5MA_a53bfWI/s1600-h/list-survey-slie.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288229576006016210" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 351px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQx_iNnNI/AAAAAAAAD9c/5MA_a53bfWI/s400/list-survey-slie.png" border="0" /></span></a><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288229473222433570" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 104px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQsAosmyI/AAAAAAAAD9U/6g3lRL9-aK4/s400/survey1.png" border="0" /></span><br /><span style="font-family:verdana;">องค์ประกอบ "แบบสำรวจ" ถือว่าเป็นฟังก์ชั่นกาวรใช้งานที่ควรนำมาใช้งานมากๆ เพราะจะทำให้เราสามารถสื่อสารกับเพื่อนๆ ที่เข้ามาอ่านได้ หรืออาจจะนำมาทำกิจกรรมแบบง่ายๆ ก็ได้</span><span style="font-family:verdana;"><br /></span><br /><span style="font-family:verdana;"><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQiFa00UI/AAAAAAAAD9M/LOIdHoIPPtQ/s1600-h/survey2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288229302707736898" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 339px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQiFa00UI/AAAAAAAAD9M/LOIdHoIPPtQ/s400/survey2.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์ องค์ประกอบ "แบบสำรวจ" จะเห็นหน้าต่าง "สร้างแบบสำรวจ" ซึ่งมีส่วนสำคัญๆ 5 ส่วนดังนี้</span></div><ol><li><span style="font-family:verdana;">คำถาม : ให้เราตั้งคำถามที่อยากจะสำรวจ หรือหัวข้อของกิจกรรม</span></li><li><span style="font-family:verdana;">คำตอบ : เนื่องจากว่า คำตอบเราคงต้องกำหนดขึ้นมาเอง เพื่อให้ง่ายกับผู้ตอบแบบสำรวจ ซึ่งตรงจุดนี้ เจ้าของบล็อก ที่สร้างแบบสำรวจก็คงต้องคิดก่อนทำเหมือนกันนะครับ (อาจจะลองดูตัวอย่างของผมฝก็ได้)</span></li><li><span style="font-family:verdana;">เพิ่มคำตอบอื่น : ในกรณีที่ช่องคำตอบทั้ง 4 ช่อง ไม่พอ เช่นต้องงใช้ถึง 6-8 ช่อง ก็สามารถกดเพิ่มได้ที่เมนู "เพิ่มคำตอบอื่น"</span></li><li><span style="font-family:verdana;">ช่องสี่เหลี่ยม ที่ให้ติ๊กถูก เมื่อต้องการให้ผู้ตอบ สามารถแสดงความคิดเห็นได้เกิน 1 คำตอบ ทั้งนี้การจะให้ตอบมากกว่า 1 คำตอบได้นั้น ก็น่าจะขึ้นอยู่กับ คำถามของแบบสำรวจด้วยนะครับ</span></li><li><span style="font-family:verdana;">วันที่และเวลาปิดแบบสำรวจ : ให้กรอกวันที่ เดือน/วัน/ปี ตามแบบที่มีอยู่ ก็ตรงตามความหมายนะครับ<br /><br /></li></ol></span><div align="center"><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWOQa0Eyx9I/AAAAAAAAD9E/-0bSezQs-so/s1600-h/survey3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288229177792841682" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 350px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWOQa0Eyx9I/AAAAAAAAD9E/-0bSezQs-so/s400/survey3.png" border="0" /></span></a><span style="font-family:verdana;"> ภาพตัวอย่าง ของการเพิ่มคำตอบ ที่เมนู "เพิ่มคำตอบอื่น"<br /></span></div><span style="font-family:verdana;"><div><br /></div></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWOQU_jPH0I/AAAAAAAAD88/4xjIAptBhVQ/s1600-h/survey7.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288229077794103106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 376px; CURSOR: hand; HEIGHT: 324px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWOQU_jPH0I/AAAAAAAAD88/4xjIAptBhVQ/s400/survey7.png" border="0" /></span></a><span style="font-family:verdana;"> ผมขอยกตัวอย่างแรกในบล็อก <a href="http://alittleofknowledge.blogspot.com/">http://alittleofknowledge.blogspot.com/</a> ซึ่งเป็นบล็อกที่ให้ความรู้รอบตัวกับผู้อ่าน ผมจึงทแบสำรวจ โดยเน้นไปในเรื่องของความรู้สึกของผู้อ่าน จะเห็นว่า มี 6 คำตอบ, มีปุ่ม Vote, มีเมนู "แสดงผลลัพธ์" (ถ้ากด ก็จะเห็นสถิติ ทางด้านขวามือ) มีแถบตัวหนังสือจางๆ 2 แถวคือ การลงคะแนนถึงปัจจุบัน และ จำนวนวันที่เหลือสำหรับลงคะแนน ซึ่งก็จะสัมพันธ์กับการกำหนดวันปิดแบบสำรวจ ครับ<br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQO0Xl3tI/AAAAAAAAD80/Rxi-dc6sLNw/s1600-h/survey8.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288228971713257170" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 362px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQO0Xl3tI/AAAAAAAAD80/Rxi-dc6sLNw/s400/survey8.png" border="0" /></span></a><span style="font-family:verdana;"> ตัวอย่างต่อมาคือ บล็อกของเพื่อนๆ ที่เป็นคนพิการด้วยกัน ที่มีชื่อกลุ่มว่า IL Bangkok มี URL : <a href="http://ilbangkok.blogspot.com/">http://ilbangkok.blogspot.com/</a> ผมจึงตั้งแบบสำรวจถามผู้อ่านว่ามีคนพิการในครอบครัว หรือว่าผู้อ่าน เป็นคนพิการในพื้นที่ใด ส่วนอื่นๆ ก็เหมือนกับตัวอย่างแรกนะครับ<br /><br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQGfi3tdI/AAAAAAAAD8s/A61N3av6IKw/s1600-h/survey9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288228828684465618" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 289px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWOQGfi3tdI/AAAAAAAAD8s/A61N3av6IKw/s400/survey9.png" border="0" /></span></a><span style="font-family:verdana;">ตัวอย่างนี้ <a href="http://siampwd.blogspot.com/">http://siampwd.blogspot.com/</a> ผมนำเอาบล็อกของผู้พิการท่านอื่นๆ มาลงรวบรวมไว้นะครับ (ดีมากๆ เลยนะครับ เข้าไปอ่านกันได้นะครับ อ่านแล้วมีกำลังใจ) ผมจึงถามว่าผู้อ่านพิการหรือไม่ ถ้าพิการ พิการด้านใด ก็ถามง่ายๆ ไม่ต้องคิดมาก</span></div><div><span style="font-family:verdana;"><br /><br /></span><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWOQAiAFu7I/AAAAAAAAD8k/msiR9mbf_uo/s1600-h/survey91.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5288228726264675250" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 297px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWOQAiAFu7I/AAAAAAAAD8k/msiR9mbf_uo/s400/survey91.png" border="0" /></span></a><span style="font-family:verdana;"> บล็อกนี้เป็นบล็อกส่วนตัวผมเลยครับ <a href="http://preedaroom.blogspot.com/">http://preedaroom.blogspot.com/</a> ซึ่งก็จะเป็นข้อมูลที่เกี่ยวข้องกับผมทั้งหมด ผมจึงถามสั้นๆ ง่ายๆ ว่าเข้ามาพบบล็อกนี้ได้อย่างไร มี 3 คำตอบเท่านั้นเองครับ คือ จากนามบัตร, จากอีเมล์ หรือจากการเสริช์ในอินเตอร์เน็ต</span></div><div><span style="font-family:Verdana;"></span> </div><div><span style="font-family:Verdana;">เห็นไหมครับว่า ง่ายๆ ไม่มีอะไร ที่สำคัญเรื่ององค์ประกอบต่างๆ นั้น เราสามารถปรับเปลี่ยนได้ง่ายๆ อยู่แล้วครับ เปลี่ยนเมื่อไหร่ก็ได้ ใช้เวลานิดเดียว และตอนหน้าเป็นตอสุดท้ายแล้วนะครับของเรื่ององค์ประกอบ</span></div><div><span style="font-family:Verdana;"></span> </div><div><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-931426350266397212?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-66319450415466961342008-04-25T07:53:00.004-07:002009-01-05T22:30:55.158-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ถึงตอนที่ 9 สำหรับ "องค์ประกอบ" แล้วนะครับ ตอนนี้เป็นเรื่องของ "รายการ" ที่ผมใช้เยอะมากพอๆ กับรูปภาพเลยก็ว่าได้ โดยครั้งนี้ผมจะยกตัวอย่างเว็บบล็อกที่ผมใช้องค์ประกอบ "รายการ" เยอะที่สุดเลยก็ได้ ถึง 5 หัวข้อ<br /><br /></span><br /><div><div align="center"><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJfhNEqoAI/AAAAAAAAD8U/KlcRGKzVi-c/s1600-h/list-survey-slie.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287893936535937026" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 351px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJfhNEqoAI/AAAAAAAAD8U/KlcRGKzVi-c/s400/list-survey-slie.png" border="0" /></span></a><span style="font-family:verdana;">เช่นเคยครับ ผมนำเอาหน้าต่างของการเพิ่มองค์ประกอบมาให้ดูครับ</span><br /><br /><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJfbMtia4I/AAAAAAAAD8M/Da5lmcujq9o/s1600-h/list1.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287893833359715202" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 83px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJfbMtia4I/AAAAAAAAD8M/Da5lmcujq9o/s400/list1.png" border="0" /></span></a><span style="font-family:verdana;"> องค์ประกอบ "รายการ" ที่สามารถแสดง "ข้อความ" และยังสามารถเชื่อมโยงลิงก์ได้ ดังนั้นถ้าฟังๆ ดู ก็คงคล้าย หรือใกล้เคียงกับ องค์ประกอบ "รายชื่อลิงก็" แต่ส่วนตัวคิดว่า "รายการ"ดีกว่า "รายชื่อลิงก์"<br /></span><br /></div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJfJR46lyI/AAAAAAAAD8E/TayZzmnyjnY/s1600-h/list2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287893525511968546" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 341px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJfJR46lyI/AAAAAAAAD8E/TayZzmnyjnY/s400/list2.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์ จะเห็นหน้าต่าง "ตั้งค่ารายการ" ซึ่งมี 4 ส่วนสำคัญ ดังนี้</span><br /></div><ol><li><span style="font-family:verdana;">หัวข้อ : เพื่อนๆ คงเข้าใจกันหมดแล้ว นะครับ ถ้าตามอ่านมาตั้งแต่แรก?</span></li><li><span style="font-family:verdana;">จำนวนรายการที่จะแสดง : ขึ้นกับข้อมูลจริงที่เราต้องการแสดง แต่ผมมักใส่ไว้เยอะๆ ไว้ก่อนครับ</span></li><li><span style="font-family:verdana;">การเรียง : สามารถกดลูกศร และเลือกได้ ผมเลือกตัวมาตรฐาน "ไม่ต้องจัดเรียง" ครับ</span></li><li><span style="font-family:Verdana;">เพิ่มรายการใหม่ : เป็นการพิมพ์รายการ และกดเชื่อมลิงก์ หรือไม่เชื่อมก็ได้ ขึ้นอยู่กับการนำเสนอข้อมูลรายการครับ</span><span style="font-family:verdana;"></li></ol></span><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJe6G9PgBI/AAAAAAAAD78/a5PNhFDIlOw/s1600-h/link4.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287893264879288338" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 198px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJe6G9PgBI/AAAAAAAAD78/a5PNhFDIlOw/s400/link4.png" border="0" /></span></a><span style="font-family:verdana;"> วิธีการง่ายๆ ของการเพิ่มรายการใหม่ ก็คือ พิมพ์ หรือ copy รายการที่จะแสดงมาวางตามลูกศรข้อ 1. และถ้าคุณต้องการให้มีการเชื่อมโยงลิงก์ ให้กดที่สัญลักษณ์เชื่อมโยงลิงก์ ใส่ URL ของหน้าเว็บ ตามข้อ 2. และก็กดเมนู "เพิ่มรายการ" ตามข้อ 3.<br /><br /></span><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJerIY5gAI/AAAAAAAAD70/aLjw1LPJW2E/s1600-h/link5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287893007565684738" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 241px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJerIY5gAI/AAAAAAAAD70/aLjw1LPJW2E/s400/link5.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดสัญลักษณ์ตัวเชื่อมโยงลิงก์ จะมีหน้าต่างให้ "ป้อน URL ที่คุณต้องการเชื่อมโยง" ขึ้นมาให้ใส่ URL ลงไปนะครับ กดปุ่ม OK ก็เสร็จในขั้นตอนนี้ครับ</span></div><span style="font-family:verdana;"><div><br /><br /></div><img id="BLOGGER_PHOTO_ID_5288053059272030082" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 246px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWLwPXdTt4I/AAAAAAAAD8c/ELq0cobmmj4/s400/list-hutch.png" border="0" />ในบทความนี้ ผมขอยกตัวอย่างบล็อกที่ผมนำมาใช้ประชาสัมพันธ์<a href="http://pwdom.com/">งานด้านหางานให้คนพิการ </a>นะครับ คือบล็อก <a href="http://pwdomhutch2.blogspot.com/">http://pwdomhutch2.blogspot.com/</a> ตามภาพตัวอย่างข้างบนนะครับ ซึ่งถือว่าเป็นบล็อกที่ผมใช้องค์ประกอบ "รายการ" มากที่สุดก็ว่าได้ครับ</span></div><div><span style="font-family:verdana;"><br /></span><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJecLW_l5I/AAAAAAAAD7s/RMAZX-DJuCA/s1600-h/link01.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287892750664963986" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 307px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJecLW_l5I/AAAAAAAAD7s/RMAZX-DJuCA/s400/link01.png" border="0" /></span></a><span style="font-family:verdana;"> มาดูตัวอย่างแรกของการใช้องค์ประกอบ "รายการ" ตัวอย่างแรกกันนะครับ ผมใช้หัวข้อ "สถิติยอดสะสม ที่สมาชิกฯ ทำยอดสูงสุด 10 อันดับแรก" และมีรายการแสดงชื่อของสมาชิกผู้พิการที่ทำผลงาน 10 อันดับแรก พร้อมยอดผลงานมาแสดง ตัวอย่าง</span><span style="font-family:verdana;">นี้ผมไม่ไช้การเชื่อมโยงลิงก์แต่อย่างใดครับ คือต้องการแสดงข้อมูลเรียงลำดับเท่านั้นครับ<br /></span><br /></div><div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJeMBtNBNI/AAAAAAAAD7k/U7UMvb3PX7A/s1600-h/link02.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287892473195857106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 365px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJeMBtNBNI/AAAAAAAAD7k/U7UMvb3PX7A/s400/link02.png" border="0" /></span></a><span style="font-family:verdana;"> อีกตัวอย่างคือ ผมนำมาแสดงลำดับของปฏิทินงาน ที่มีความเคลื่อนไหวในโครงการที่ 2 นี้ โดยเพื่อนๆ สังเกตจะเห็นว่า ในรายการนั้น มีทั้งรายการที่มีการเชื่อมโยงลิงก์ (มีขีดเส้นใต้) และรายกาวรที่ไม่มีการเชื่อมโยงบลิงก์ และข้ออมูลใหม่ล่าสุด จะอยู่ด้านบนสุดครับ<br /><br /></span><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJd_xEg1MI/AAAAAAAAD7c/KmIkVXjBun4/s1600-h/link05.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287892262571791554" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 398px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJd_xEg1MI/AAAAAAAAD7c/KmIkVXjBun4/s400/link05.png" border="0" /></span></a><span style="font-family:verdana;"> ต่อไปผมนำมาใช้กับ การจัดลำดับรายการ "ข่าวประชาสัมพันธ์" ซึ่งข่าวล่าสุดจะอยู่บนสุดครับ จากภาพจะเห็นว่า ข่าวฯ ที่ 24 เป็นข่าวล่าสงุด ที่สำคัญึอ ทุกข่าวฯ จะมีการเชื่อมโยงลิงก์ เพราะทุกข่าวฯ ต้องมีรายละเอียดให้สมาชิกฯ และผู้เกี่ยวข้องได้อ่าน ครับ<br /><br /></span><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJdvoyXP7I/AAAAAAAAD7U/PIeE1CxPDHg/s1600-h/link06.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287891985470275506" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 336px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJdvoyXP7I/AAAAAAAAD7U/PIeE1CxPDHg/s400/link06.png" border="0" /></span></a><span style="font-family:verdana;"> มาถึงตัวอย่างที่ 4 แล้วนะครับ ผมนำมาใช้แสดงข้อมูลของบริษัท <a href="http://pwdom.com/index2.html">PWDOM</a> จำกัด (ที่ทำงานด้านหางานให้คนพิการ ชื่อเต็มๆ ว่า <a href="http://pwdom.com/index2.html">PWD Outsource Management Co., Ltd</a>) โดยใช้ 5 รายการ มีรายการบนสุด กับล่างสุด ที่มีการเชื่อมโยงลิงก์ ที่ผมใช้องค์ประกอบ "รายกาวร" เพราะว่าการนำเสนอข้อมูลจะเป็นระเบียบ </span><span style="font-family:verdana;">การนำเสนอข้อมูลลักษณะนี้ ผมเคยใช้องค์ประกอบ "ข้อความ" เหมือนกัน แต่ข้อมูลจะเรียงติดกัน ต่อเนื่องกัน ซึ่งส่วนตัวผมคิดว่า ไม่ชอบ เพราะไม่เป็นระเบียบครับ ในความเป็นจริง ผมเชื่อว่า เมื่อเพื่อนๆ ลองหัดทำแล้ว ทุกท่านก็จะมีแนวทาง หรือสไตล์ เป็นของตัวเอง ครับ<br /></span><br /></div><div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJdoFPEaXI/AAAAAAAAD7M/Slzt4tUpBHU/s1600-h/link08.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287891855667915122" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 311px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJdoFPEaXI/AAAAAAAAD7M/Slzt4tUpBHU/s400/link08.png" border="0" /></span></a><span style="font-family:verdana;"> อีกตัวอย่าง คือ การนำเสนอข้อมูลของตัวผมเอง ที่ใช้ทั้งหมด 5 รายการ ก็จะคล้ายๆ กับตัวอย่างที่ผ่านมานะครับ มีทั้งการใช้เชื่อมโยง และไม่เชื่อมโยงลิงก์<br /><br /></span><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJdfWa8vwI/AAAAAAAAD7E/JtLXlewIXps/s1600-h/link09.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287891705662324482" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 347px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJdfWa8vwI/AAAAAAAAD7E/JtLXlewIXps/s400/link09.png" border="0" /></span></a><span style="font-family:verdana;"> </span></div><span style="font-family:verdana;">กับตัวอย่างสุดท้าย ตัวอย่างที่ 6 คือส่วนตัวแล้ว ทางด้านแถบข้าง (Side Bar) ด้านล่างสุด ผมมักจะจัดลำดับของการสร้างบทความทั้งหมดที่ใช้งานมาแสดง โดยจะขึ้นหัวข้อว่า "สารบัญบทความ.............." และมักจะวางอยู่ใต้องค์ประกอบ "คลังบทความของบล็อก" เสมอๆ ซึ่งเป็นวิธีการส่วนตัวครับ ซึ่งก็จะคล้ายกับตัวอย่าง "ข่าวประชาสัมพันธ์" เพียงแต่จะมีรายการมากกว่า คือมีทั้งหมดของการสงร้างบทความ ที่ซ่อนไว้ในบล็อกก็แสดงในรายการนี้ด้วยครับ (จึงจะมีลำดับยาวมากๆ ครับ)</span><br /><br /><br /><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJdWoA9wsI/AAAAAAAAD68/6MjDq7fFoTc/s1600-h/link091.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287891555766354626" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 278px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJdWoA9wsI/AAAAAAAAD68/6MjDq7fFoTc/s400/link091.png" border="0" /></span></a><span style="font-family:verdana;"> ก่อนจบก็ขอแสดงฬห้เพื่อนๆ ดูว่า พอผมกดที่ระบบกาวรจัดการขององค์ประกอบในการแสดงสารบัญนี้ ก็จะเห็นหน้าต่าง "ตั้งค่ารายการ" ที่เห็นลำดับรายการ ตรงกับข้อมูลรายการที่แสดงในบล็อก ครับ</span></div><div><span style="font-family:Verdana;"></span><span style="font-family:verdana;"><br />ตอนหน้า เราก็จะไปพบกับองค์ประกอบ "แบบสำรวจ" กันนะครับ ถือว่ามีความสำคัญเช่นกัน ตัวผมเองก็กำลังพยายามหัดใช้งานอยู่เหมือนกันครับ<br /></span></div></div></div></div></div><div><div><span style="font-family:verdana;">ขอบคุณครับ</span><br /></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6631945041546696134?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com2tag:blogger.com,1999:blog-1438928495303022325.post-1950789112977933512008-04-25T07:53:00.003-07:002009-01-05T22:36:39.162-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ บทความตอนนี้มาพบกับ องค์ประกอบ "รายชื่อลิงก์" ซึ่งใช้ไม่ค่อยมากสักเท่าไหร่ บางบล็อกของผมก็ไม่ได้ใช้เลย เพราะว่าผมจะไปให้ความสำคัญ และใช้งาน องค์ประกอบ "รายการแทน" ถึงการใช้งานจะยุ่งยากกว่า แต่ผมคิดว่า กลับสื่อความหมายได้ดีกว่า แต่อย่างไรก็ดี เนื่องจากเป็นองค์ประกอบ (Gadget) หนึ่งในหลายๆ องค์ประกอบของ Blogger จึงอยากให้เพื่อนๆ ได้ทดลองใช้งานกันดูนะครับ<br /><br /><br /><img id="BLOGGER_PHOTO_ID_5287863011482545938" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 84px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJDZIRYLxI/AAAAAAAAD60/fB6GAo8foGs/s400/link-1.jpg" border="0" /><br /></span><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJCAi58JbI/AAAAAAAAD6s/kuquJkx-jEU/s1600-h/gadget-pic1.jpg"></a><span style="font-family:verdana;">องค์ประกอบ "รายชื่อลิงก์" สามารถแสดง URL ของเว็บไซต์ หรือเว็บบล็อก ที่เราจะนำมาแสดง ซึ่งเราอาจจะตั้หัวข้อได้หลากหลาย เช่น เว็บไซต์ที่ใช้งานบ่อย เว็บไซต์ที่ชื่นชอบ เว็บไซต์ของเพื่อน หรือ "เว็บบล็อกที่ผมเขียน" ตามที่ผมจะยกตัวอย่างในบทความนี้นะครับ งั้นเพื่อนๆ มาลองใช้งานกันนะครับ<br /><br /><br /><br /></span><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJB53v8kZI/AAAAAAAAD6k/4YcI4jiDWIU/s1600-h/link2.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287861374959784338" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJB53v8kZI/AAAAAAAAD6k/4YcI4jiDWIU/s400/link2.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์ จะแสดงหน้าต่าง "ตั้งค่ารายชื่อลิงก์" ทีผมขออธิบายส่วนสำคัญ 4 ส่วน<br /></span><ol><li><span style="font-family:verdana;">โดยผมจะข้าส่วนแรกคือ "หัวข้อ" ไปเลย เพราะถ้าเพื่อนๆ ตามอ่านมาตั้งแต่ต้น ก็ใส่หัวข้ออะไรก็ได้ที่เกี่ยวข้องกับลิงก์ที่จะนำมาวาง</span></li><li><span style="font-family:verdana;">ส่วน "จำนวนลิงก์ที่จะแสดงในรายการ" ให้เราใส่จำนวนเข้าไป เช่น ถ้าเป็นเว็บบล็อกของเพื่อนมีมาก อาจใส่ไว้ 100 รายการ คือใส่มากก็ไม่เป็นไร แต่ถ้าใส่น้อย เช่นใส่ 20 รายการ แต่เราเพิ่มลิงก์ไป 40 รายการ ก็จะแสดงเพียง 20 รายการเท่านั้นครับ</span></li><li><span style="font-family:verdana;">ส่วน "การเรียง" ผมไม่เคยเปลี่ยนแปลงเลย โดยปกติจะเป็น ไม่ต้องจัดเรียง เพราะว่าเมื่อเราเพิ่มรายการเรียบร้อย สามารถจัดลำดับได้เองอยู่แล้ว ง่ายๆ ไม่ยากครับ ทาง Blogger ออกแบบไว้ค่อนข้างดีครับ</span></li><li><span style="font-family:verdana;">ส่วน "URL ของไซต์ใหม่" นั้นมีไว้สำหรับใส่ URL ที่เราต้องการแสดง<br /></span></li></ol><div align="left"><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJBtXc_5dI/AAAAAAAAD6c/dk5Q1XvPp3k/s1600-h/link3.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287861160131945938" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 71px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJBtXc_5dI/AAAAAAAAD6c/dk5Q1XvPp3k/s400/link3.png" border="0" /></span></a><span style="font-family:verdana;"> ในส่วนที่ 4 นี้ ผมขยายมาให้ดูชัดๆ เพราะเป็นส่วนสคัญ ในการเพิ่มลิงก์ครับ จะเห็นว่ามี "http://" รอไว้อยู่แล้ว ถ้าก็อบปี้ URL มาอย่าลืมลบของเดิมออกก่อนนะครับ เดี๋ยวจะซ้ำซ้อน ที่สำคัญใช้งานไม่ได้ครับ<br /><br /><br /><img id="BLOGGER_PHOTO_ID_5287860278080493410" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 249px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJA6Bji12I/AAAAAAAAD6M/jOEI3r11s9c/s400/link5.png" border="0" /><br />คราวนี้เรามาดูตัวอย่างจริงกัน เป็นตัวอย่างของเว็บบล็อก </span><a href="http://alittleofknowledge.blogspot.com/"><span style="font-family:verdana;">http://alittleofknowledge.blogspot.com/</span></a><span style="font-family:verdana;"><br /><br /><br /><img id="BLOGGER_PHOTO_ID_5287861024452937154" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 234px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWJBleAmhcI/AAAAAAAAD6U/xKJXR1L5LUE/s400/link93.png" border="0" /><br />เพื่อนๆ ก็เข้าสู่หน้าการจัดการ "รูปแบบ" ส่วน "องค์ประกอบหน้า" ถ้าเพื่อนๆ ยังไม่มี "รายการลิงก์" ตามบทความนี้ ก็กดที่ "เพิ่มองค์ประกอบหน้า" แล้วก็ทำตามคำอธิบายก่อนหน้านี้นะครับ แต่ของผมที่จะแนะนำ เพื่อแสดงให้ดู หรืออาจเป็นกรณี ที่เพื่อนๆ มีการสร้างรายการลิงก์ไว้แล้ว แต่ต้องการปรับลด หรือเพิ่มเติม ก็ให้กดที่เมนู "แก้ไข"<br /><br /><br /></span><div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJAwP0CnKI/AAAAAAAAD6E/mlbJpcRBKtE/s1600-h/link6.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287860110109088930" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 334px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWJAwP0CnKI/AAAAAAAAD6E/mlbJpcRBKtE/s400/link6.png" border="0" /></span></a><span style="font-family:verdana;"> จะเห็นว่า มีรายการลิงก์ที่ด้านล่าง ซึ่งจะต่างกับด้านบนๆ ที่ยังไม่มีรายการลิงก์ และผมเขียนหัวข้อว่า "Blog ที่ผมเขียนทั้งหมด" มีจำนวน 10 รายการ (เนื่องจากผมต้องการแสดงให้เห็นไม่กี่บล็อก จึงใส่จำนวนไม่เยอะครับ)<br /><br /></span></div><div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJAnM3ojvI/AAAAAAAAD58/GscrQqY2IhA/s1600-h/link8.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287859954700029682" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 205px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWJAnM3ojvI/AAAAAAAAD58/GscrQqY2IhA/s400/link8.png" border="0" /></span></a><span style="font-family:verdana;"> ผมลองเพิ่ม URL ของบล็อกใหม่ที่ผมพึ่งทำล่าสุดเมื่อคืนวันที่ 1/1/2552 คือ </span><a href="http://goodbyesantika.blogspot.com/"><span style="font-family:verdana;">ไฟไหม้ ซานติก้าผับ GOODBYE SANTIKA</span></a><span style="font-family:verdana;"> ที่มี URL : </span><a href="http://goodbyesantika.blogspot.com/"><span style="font-family:verdana;">http://goodbyesantika.blogspot.com/</span></a><span style="font-family:verdana;"> ลองดูตามตัวอย่างในภาพข้างบน ซึ่งก็คือในวงกลมข้อ 1. เมื่อเราใส่ URL เสร็จ ปุ่มเมนู "เพิ่มลิงก์" จะทำงาน คือเปลี่ยนจากสีเทาเข้ม เป็นสีฟ้า จากนั้นก็กกดปุ่ม "เพิ่มลิงก์"</span></div><div><br /><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJAcxcqm4I/AAAAAAAAD50/cP06J5BTGtg/s1600-h/link9.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287859775540468610" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 219px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJAcxcqm4I/AAAAAAAAD50/cP06J5BTGtg/s400/link9.png" border="0" /></span></a><span style="font-family:verdana;"> ก็จะเห็นรายการลิงก์ของ </span><a href="http://goodbyesantika.blogspot.com/"><span style="font-family:verdana;">http://goodbyesantika.blogspot.com/</span></a><span style="font-family:verdana;"> เพิ่มขึ้นที่ด้านบนสุด (ดูตามภาพในวงที่มีลูกศร) ที่ตัวอย่างตามภาพนี้ ผมอยากให้เพื่อนๆ สังเกตด้านซ้ายมือของรายการลิงก์ต่างๆ จะมี</span></div><ul><li><span style="font-family:verdana;">เมนู "แก้ไข" กับ "ลบ" ถ้าเรากดก็สามารถแก้ไข หรือลบไปเลย นะครับ</span></li><li><span style="font-family:verdana;">ส่วนเมนู ที่เป็นลูกศร "ชี้ขึ้น" กับ "ชี้ลง" นั้น ถ้าต้องการจัดลำดับของรายการลิงก์ ก็ลองเล่นดูได้เลยครับ ใช้งานง่ายๆ ครับ<br /></span></li></ul><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJAVd4oZlI/AAAAAAAAD5s/_6VTf5k8OZU/s1600-h/link91.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287859650029971026" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 216px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWJAVd4oZlI/AAAAAAAAD5s/_6VTf5k8OZU/s400/link91.png" border="0" /></span></a><span style="font-family:verdana;"> เมื่อเพิ่มลิงก์ หรือปรับลด หรือจัดลำดับรายการลิงก์ หรือแก้ไขใดๆ เสร็จแล้ว ก็กดเมนู "บันทึก" สีส้มเช่นเดิม ก็จะกลับมาที่หน้า "รูปแบบ" เพื่อนๆ จเห็นว่า ตรงกันกับ "องค์ประกอบ" ที่มีชื่อว่า "Blog ที่ผมเขียนทั้งหมด" ซึงก็จะตรงกับตัวอย่างในภาพข้างล่างนะครับ<br /><br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWI-3VCwUiI/AAAAAAAAD5k/EfwzlnJZBJI/s1600-h/link5.png"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287858032748810786" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 249px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWI-3VCwUiI/AAAAAAAAD5k/EfwzlnJZBJI/s400/link5.png" border="0" /></span></a><span style="font-family:verdana;"> นี่แหละครับตัวอย่างของจริง ในบล็อกของผม ที่ผมนำมายกตัวอย่าง นะครับ จะเห็นว่า องค์ประกอบ "รายชื่อลิงก์" ก็ใช้งานค่อนข้างง่ายมากเลยครับ ติดตามอ่านต่อนะครับ ใกล้จบการสร้างบล็อก ในส่วนของ "องค์ประกอบ" แล้วนะครับ ตอนหน้าพบกับ <a href="http://bloggerbuild.blogspot.com/2008/04/13.html"><strong>องค์ประกอบ "รายการ"</strong></a> ที่ผมใช้มากที่สุดเลยก็ว่าได้ครับ</span></div><div><br /><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-195078911297793351?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com4tag:blogger.com,1999:blog-1438928495303022325.post-58260968163519591122008-04-25T07:53:00.001-07:002009-01-05T22:40:35.674-08:00สวัสดีครับ เพื่อนๆ ตอนที่ 7 ของการเพิ่มองค์กอบ "รูปภาพ" นั้น มาเริ่มกันที่ตัวอย่างของรูปภาพก่อนเลยนะครับ ที่ผมใส่ไว้ในบล็อกของผม และตอนท้าบทความ ผมจะสอนเทคนิคส่วนตัว เพราะว่าเวลาเขียนบทความ แล้วต้องเก็บรูปในเครื่องคอมพิวเตอร์ไม่ไหว ไม่อย่างนั้นรูปภาพจะเยอะมากๆ ครับ<br /><br /><br /><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHueCOq5GI/AAAAAAAAD5M/3Jo-35ppdRc/s1600-h/pic+0.png"><img id="BLOGGER_PHOTO_ID_5287769637271561314" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 348px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHueCOq5GI/AAAAAAAAD5M/3Jo-35ppdRc/s400/pic+0.png" border="0" /></a><br /><div align="center">ตัวอย่างรูปภาพที่อยู่ด้านขวามือ ของ Side Bar ซึ่งส่วนใหญ่ผมจะวางไว้ด้านขวามือครับ<br /></div><br /><br /><br /><img id="BLOGGER_PHOTO_ID_5287769815215321250" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 368px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHuoZHxMKI/AAAAAAAAD5U/c36tR4YsXfY/s400/pic+0-0.png" border="0" /><br /><div align="center">รูปภาพอีกตัวอย่างครับ<br /><br /></div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWHrOTcz3VI/AAAAAAAAD5E/rg6CGuBJ1UE/s1600-h/gadget-pic1.jpg"><img id="BLOGGER_PHOTO_ID_5287766068481482066" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 96px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWHrOTcz3VI/AAAAAAAAD5E/rg6CGuBJ1UE/s400/gadget-pic1.jpg" border="0" /></a> คราวนี้มาเริ่มอธิบายกันครับ องค์ประกอบ "รูปภาพ" นั้นผมใช้แทบทุกบล็อก อย่างน้อยต้องมีรูปภาพของตัวผมเอง เพื่อให้ผู้อ่านได้รู้จักผม และผมยังถือว่า "การแสดงตัว" ของผม นั้นเท่ากับให้เกียรติผู้อ่าน ไม่ใช่ว่าผู้อ่านกำลังอ่านบทความของใครอยู่ก็ไม่รู้ แล้วจะเชื่อถือได้อย่างไร<br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHrC20E2QI/AAAAAAAAD48/r7WIeCFhAW0/s1600-h/pic+4.png"><img id="BLOGGER_PHOTO_ID_5287765871815874818" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 351px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHrC20E2QI/AAAAAAAAD48/r7WIeCFhAW0/s400/pic+4.png" border="0" /></a> เมื่อกดแบนเนอร์ จะเห็นหน้าต่างตามภาพข้างบน ซึ่งก็มีหัวข้อตามปกติ เช่น หัวข้อ, คำอธิบาย ลิงก์ และรูปภาพ ซึ่ง 2 ส่วนแรกคงไม่ต้องอธิบายมาก (ถ้าเพื่อนๆ ลองเล่นดูสักครั้ง 2 ครั้งก็จะทราบ) ผมคงขออธิบาย 2 ส่วนหลังละกันนะครับ</div><ul><li>ลิงก์ มีไว้สำหรับใส่ URL ที่เมื่อภาพแสดงบนบล็อกแล้วกดที่รูปภาพ ก็จะไปที่หน้าเว็บบล็อก หรือเว็บไซต์นั้นๆ ถ้าไม่ใส่ ก็จะแสดงเป็นภาพปกติ ไม่มีเชื่อมโยงลิงก์ไหนครับ</li><li>การใส่รูปภาพ มีให้เราสามารถโหลดรูปได้จาก 2 แหล่ง คือ จากไฟล์ในคอมพิวเตอร์ กับ จากเว็บไซต์ (ซึ่งสามารถดูวิธีการนำ address ของรูปภาพมาใส่ ตามลิ้งค์นี้ครับ) ส่งนการติ๊กเครื่องหมายถูกในช่องที่เขียนว่า "ลดขนาดให้พอดี" นั้น จะมีมาแต่เดิมอยู่แล้ว เนื่องจากส่วนใหญ่ ภาพมักจะมีขนาดใหญ่กว่าแถบด้านข้าง (Side Bar) แต่ถ้าภาพเล็กกว่า จะเหมือนตัวอย่างข้างล่างครับ</li></ul><div><br /></div><img id="BLOGGER_PHOTO_ID_5287770191567905858" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 291px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHu-TJN5EI/AAAAAAAAD5c/Xfc4F7Hht0w/s400/pic+99.png" border="0" /><br />จะเห็นว่า ภาพข้างลาง มีขนาดตามแนวนอนเล็กกว่า ภาพข้างบน เนื่องจากขนาดรูปภาพเดิม เล็กกว่าข้อกำหนดขนาดของแถบข้าง (Side Bar) ตามที่ผมอธิบายครับ ตรงเรื่องขนาดของภาพนั้น เพื่อนๆ อาจจะต้องศึกษาจากการตัดต่อภาพ ถ้าผมทำบล็อกนี้ ที่สอนการสร้างบล็อกทุกคนเสร็จ อาจจะอธิบายเพิ่มเติมอีกครั้งนะครับ<br /><br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHqpqw9C4I/AAAAAAAAD4s/pr9tB22Z0Co/s1600-h/pic+5.png"><img id="BLOGGER_PHOTO_ID_5287765439084825474" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 321px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHqpqw9C4I/AAAAAAAAD4s/pr9tB22Z0Co/s400/pic+5.png" border="0" /></a>ต่อไปผมจะยกตัวอย่างกรณี โหลดรูปภาพ จากเครื่องคอมพิวเตอร์นะครับ เมื่อกดปุ่ม "Browse" ก็จะขึ้นหน้าต่าง Choose File ให้เลือกไฟล์ภาพจากที่ที่เราเก็บไว้</div><div><br /><br /></div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHqjEWTKMI/AAAAAAAAD4k/Zj1eJ5VUNDk/s1600-h/pic+6.png"><img id="BLOGGER_PHOTO_ID_5287765325693266114" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 349px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWHqjEWTKMI/AAAAAAAAD4k/Zj1eJ5VUNDk/s400/pic+6.png" border="0" /></a>เมื่อเลือกไฟล์ฒ ได้แล้ว ผมจะมีเทคนิคส่วนตัวคือ ไปกดเมนูที่เป็นสัญลักษณ์ดูภาพ (ตามลูกศรแนะนำ) และเลือกกดที่ Thumbnails ก็เห็นเป็นภาพเล็กๆ </div><div><br /><br /></div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHqcxXHgUI/AAAAAAAAD4c/I4MVF62nF6k/s1600-h/pic+7.png"><img id="BLOGGER_PHOTO_ID_5287765217517207874" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 333px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHqcxXHgUI/AAAAAAAAD4c/I4MVF62nF6k/s400/pic+7.png" border="0" /></a>ซึ่งจะทำให้เราไม่ เลือกรูปภาพ ผิดพลาดได้ เพราะการจำชื่อไฟล์ภาพ อาจผิดพลาด ซึ่งจะทำให้เสียเวลา จากนั้นก็กดเลือกภาพ จากรูปตัวอย่างผมเลือกรูปเสื้อสีฟ้าตามลูกศร จากนั้นกดปุ่ม "Open"</div><div><br /><br /></div><div align="left"><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWHqM3va77I/AAAAAAAAD4U/7xmSjDg0RvU/s1600-h/pic+9.png"><img id="BLOGGER_PHOTO_ID_5287764944351850418" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 395px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWHqM3va77I/AAAAAAAAD4U/7xmSjDg0RvU/s400/pic+9.png" border="0" /></a> ก็จะเห็นหน้าต่างในลักษณะกำลังโหลดไฟล์รูปภาพ รอสักครู่ ผมไม่ได้แก้ไขส่วน "ลดขนาดให้พอดี" ดังนั้นรูปภาพที่ได้ ก็จะมีขนาดพอดีกับขนาดของ "แถบด้านข้าง" (Side Bar)<br /></div><div align="center"><br /></div><div align="left"><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHp6ovodPI/AAAAAAAAD4M/V22v8u1rHN0/s1600-h/pic+9.1.png"><img id="BLOGGER_PHOTO_ID_5287764631088559346" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 383px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHp6ovodPI/AAAAAAAAD4M/V22v8u1rHN0/s400/pic+9.1.png" border="0" /></a>เมื่อรอสักครู่ จนเห็นภาพที่เราเลือกแล้ว ให้กดปุ่ม "บันทึก" สีส้ม หน้าต่าง "การตั้งค่ารูปภาพ"จะหายไป<br /><br /><img id="BLOGGER_PHOTO_ID_5287765705052520722" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 248px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWHq5JkmARI/AAAAAAAAD40/p4qM8Tsoe-Q/s400/pi+9.1.png" border="0" /> และจะเห็นส่วนองค์ประกอบของรูปภาพขึ้นอยู่อันดับแรกเสมอ (คือไม่ว่าจะเพิ่ม "องค์ประกอบ" อะไรก็ตาม ก็จะอยู่อันดับแรกเสมอครับ) ตามลูกศรข้อ 1. และเมื่อกด "บันทึก" สีส้ม ตามข้อ 2. รอสักครู่ส จะเห็นแถบเหลืองที่แจ้งว่า บันทึกข้อมูลที่เปลี่ยนแปลงเรียบร้อย จากนั้นสามารถกดเมนู "ดูบล็อก" ได้เลย ก็จะเห็นบล็อกที่บันทึกรูปภาพที่บริเวณ "แถบด้านข้าง" (Side Bar)<br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWHpyqseeaI/AAAAAAAAD4E/BNvgjsXI7mA/s1600-h/pic+9.3.png"><img id="BLOGGER_PHOTO_ID_5287764494173239714" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 246px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWHpyqseeaI/AAAAAAAAD4E/BNvgjsXI7mA/s400/pic+9.3.png" border="0" /></a> ดังตัวอย่างนี้ ที่ผมนำมาแสดงให้ดูนะครับ โปรดสังเกตนะครับ ว่าผมสร้างบล็อกที่ชื่อ Preeda Album 1 ไว้ด้วย ผมเอาไว้ใช้งานครับ แล้ววันหลังผมจะมาสอนเทคนิคที่ผมใช้อยู่ในปัจจุบันอีกทีนะครับ เพราะเดี๋ยวจะยาว และไม่เกี่ยวข้องกับหัวข้อบทความ ครับ ตอนหน้าติดตามเรื่อง<a href="http://bloggerbuild.blogspot.com/2008/04/12.html">องค์ประกอบ "รายชื่อลิงก์" </a>กันครับ<br /><br /><div>ขอบคุณครับ</div><div><a href="http://preedaroom.blogspot.com/">ปรีดา ลิ้มนนทกุล </a><br /><a href="http://preedastation.blogspot.com/">(ผู้ทุพพลภาพมืออาชีพ)</a></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-5826096816351959112?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com3tag:blogger.com,1999:blog-1438928495303022325.post-73237264573012621292008-04-25T07:52:00.003-07:002009-01-05T22:43:27.968-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ ในตอนที่ 6 สำหรับการเพิ่มองค์ประกอบ จะอธิบายถึง องค์ประกอบ "Adsense" ที่มีเฉพาะบล็ษอกของ Blogger เท่านั้นนะครับ ที่มีองค์ประกอบสำเร็จรูปให้เลย โดยที่เราไม่ต้องไปสร้างขนาดของโฆษณาในบัญชี Adsense ของเราเอง ลองตามอ่านกันนะครับว่าง่ายอย่างไร</span><br /><br /><br /><p align="center"><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCv-nOZucI/AAAAAAAAD3M/jAL_5cMYwsI/s1600-h/gadget-text-adsense-picture.jpg"><img id="BLOGGER_PHOTO_ID_5287419452749101506" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 351px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCv-nOZucI/AAAAAAAAD3M/jAL_5cMYwsI/s400/gadget-text-adsense-picture.jpg" border="0" /></a><span style="font-family:verdana;">ตามระเบียบครับ เอาหน้าต่างองค์ประกอบรวมมาให้ดูครับ</span> </p><p><br /></p><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCv1uIRieI/AAAAAAAAD3E/TnPj55sEFEQ/s1600-h/gadget-adsense1.jpg"><img id="BLOGGER_PHOTO_ID_5287419299983624674" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 98px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCv1uIRieI/AAAAAAAAD3E/TnPj55sEFEQ/s400/gadget-adsense1.jpg" border="0" /></a><span style="font-family:verdana;"> องค์ประกอบ "Adsense" มีไว้สำหรับนำโฆษณาของ Google มาแสดงในพื้นที่ที่เรากำหนดขนาด และก็จะทำให้เจ้าของบล็อกมีรายได้จากการคลิ๊กโฆษณาครับ<br /></span><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCvuFKMk0I/AAAAAAAAD28/HE3AMSM_-1s/s1600-h/gadget-adsense+1.jpg"><img id="BLOGGER_PHOTO_ID_5287419168726750018" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 322px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCvuFKMk0I/AAAAAAAAD28/HE3AMSM_-1s/s400/gadget-adsense+1.jpg" border="0" /></a><span style="font-family:verdana;"> เมื่อกดแบนเนอร์องค์ประกอบ "Adsense" จะเห็นหน้าต่าง "การตั้งค่า Adsense" ซึ่งมีส่วนสำคัญอยู่ 4 ส่วนคือ</span></div><ol><li><span style="font-family:Verdana;">"รูปแบบ" ซึ่งเป็นการเลือกขนาดโฆษณา ให้เหมาะกับพื้นที่ที่จะวางโฆษณา</span></li><li><span style="font-family:Verdana;">"สี" เป็นการเลือกสีของพื้นที่โฆษณา ให้เหมาะสมกับบล็อก โดยระบบของ Blogger จะดีตรงที่ มันจะแสดงสีให้เหมาะสมกับบล็อกที่ได้สร้างไว้เดิมอยู่แล้ว แต่ถ้าเราไม่ชอบ ก็เปลี่ยนแปลงได้นะครับ</span></li><li><span style="font-family:Verdana;">"แสดงตัวอย่าง" จะแสดงขนาด ละสงี ของโฆษณาที่เราได้เลือกไว้ฬน 2 ข้อแรก ให้ดูครับ</span></li><li><span style="font-family:Verdana;">"ขั้นสูง" ผมเคยใช้ในกรณีเปลี่ยนบัญชี Adsense ครับ แต่ในกรณีอื่น ยังไม่เคยใช้ ตรงส่วนนี้ ถ้าผมมีความรู้มากขึ้นนอนาคต ผมก็จะมาขออธิบายเพิ่มนะครับ</span></li></ol><span style="font-family:Verdana;"></span><div><br /></div><div align="center"><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWCvozZr11I/AAAAAAAAD20/vgXLkmyQSZU/s1600-h/gadget-adsense+3.jpg"><img id="BLOGGER_PHOTO_ID_5287419078060529490" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 316px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWCvozZr11I/AAAAAAAAD20/vgXLkmyQSZU/s400/gadget-adsense+3.jpg" border="0" /></a><span style="font-family:verdana;"> ผมลองนำตัวอย่างของขนาดโฆษณาที่แตกต่งจาก หน้าต่างแรกมาให้ดูครับ เป็นขนาด 468*60 ครับ<br /></span><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWCvefg5tnI/AAAAAAAAD2s/E0AKwR1QxiA/s1600-h/gadget-adsense+8.jpg"><img id="BLOGGER_PHOTO_ID_5287418900923397746" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 260px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWCvefg5tnI/AAAAAAAAD2s/E0AKwR1QxiA/s400/gadget-adsense+8.jpg" border="0" /></a></div><div></div><div align="left"><span style="font-family:verdana;">คราวนี้ เรามาดูตัวอย่างตำแหน่งของโฆษณา Adsense ที่ผมวางเอาไว้ตามบล็อกต่างๆ ของผมนะครับ ตามภาพข้างบน คือ บล็อกที่เกี่ยวกับเรื่องทัศนคติ และความคิดเห็น ชื่อ Preeda Avenue : <a href="http://preedanoikendezu.blogspot.com/">http://preedanoikendezu.blogspot.com/</a></span></div><div align="left"><span style="font-family:Verdana;"></span><br /></div><div align="left"><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCvRy0tliI/AAAAAAAAD2k/_hYH9tyUZ0A/s1600-h/gadget-adsense+9.jpg"><img id="BLOGGER_PHOTO_ID_5287418682768463394" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 193px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCvRy0tliI/AAAAAAAAD2k/_hYH9tyUZ0A/s400/gadget-adsense+9.jpg" border="0" /></a><span style="font-family:verdana;"> จะเห็นด้านซ้ายมือบน เหนือแบนเนอร์ ประกันภัยกับแอร์ไดกิ้น จะเห็นโฆษณาเป็นแถวเดียว มีคำว่า "โฆษณาโดย Google" แล้วก็เป็นตัวหนังสือ ทั้งหมด 5 คำถ้ามีคนมากดทั้ง 5 คำนั้น เจ้าของบล็อก ก็จะได้รายได้จาก Google ครับ (รายละเอียดของ Adsense นั้น ผมคงไม่ขออธิบายไปมากกว่านนนี้ ในบล็อการสร้างบล็อก และเขียนบล็อก นี้นะครับ เพราะว่าเรื่องราวของ Adsense นี้ มันมีเยอะแยะมากมายทีเดียว และที่สำคัญ ผมก็ไม่ได้ชำนาญ จนมีรายได้กับเป็นหมื่น เป็นแสน เหมือนคนที่เขาทำกันจริงๆ จังๆ ด้วยครับ)</span><br /><br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWCvKIgxJmI/AAAAAAAAD2c/eIwkMpDG0h8/s1600-h/gadget-adsense+4.jpg"><img id="BLOGGER_PHOTO_ID_5287418551151437410" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 367px; CURSOR: hand; HEIGHT: 315px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWCvKIgxJmI/AAAAAAAAD2c/eIwkMpDG0h8/s400/gadget-adsense+4.jpg" border="0" /></a><span style="font-family:verdana;"> อีกตัวอย่างของการวางโฆษณา Adsense ไว้ทางด้านขวาของบล็อก แต่ผมเลือกให้มีสีพื้นเป็นน้ำเงินเข้มครับ มุมล่างจะมีคำว่า "โฆษณาโดย Google" เช่นกัน ผมลืมบอกไปเรื่องหนึ่งว่า โฆษณญา Adsense นี้จะขึ้นโฆษณาที่เกี่ยวข้องกับเนื้อหาภายในบล็อกของเราด้วยนะครับ เหมือนอย่างกับอีกบล็อกของผมที่เขียนเรื่อง <a href="http://alittleofknowledge.blogspot.com/2008/12/1.html">แบงค์พันปลอมทั้งหมด 3 ตอนจบ</a> Adsense จะขึ้นโฆษณาของบริษัทที่ขาย "เครื่องตรวจแบงค์" ครับ</span><br /><br /><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCu4VS-YXI/AAAAAAAAD2U/k_hZWwrxDFU/s1600-h/gadget-adsense+9.1.jpg"><img id="BLOGGER_PHOTO_ID_5287418245345599858" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 366px; CURSOR: hand; HEIGHT: 341px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWCu4VS-YXI/AAAAAAAAD2U/k_hZWwrxDFU/s400/gadget-adsense+9.1.jpg" border="0" /></a><span style="font-family:verdana;"> ส่วนตัวอย่างนี้ เป็นโฆษณา Adsense ของบล็อก <a href="http://preedanoikendezu.blogspot.com/">http://preedanoikendezu.blogspot.com/</a> ที่ผมเขียน และวางอยู่ด้านขวามือครับ แต่ที่เห็นเป็นภาพเหมือนนักรบโรมันนั้น พอดีช่วงที่เขียนบทความนี้ มันมีโฆษณาลักษณะนี้ครับ แต่ผมไม่รู้รายละเอียด เพราะว่าทาง Google เขามีกฏเหล็ก ห้ามกดดูโษณาของตัวเองครับ น่าจะเป็นโฆษณาเล่นเกมส์ออนไลน์นะครับ ถือว่าเป็นโฆษณาที่ลงตัวกับขนาดที่ผมเลือกพอดีครับ<br /></span><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCuwCIAmeI/AAAAAAAAD2M/VBhkjwiPmKQ/s1600-h/gadget-adsense+6.jpg"><img id="BLOGGER_PHOTO_ID_5287418102760380898" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 280px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWCuwCIAmeI/AAAAAAAAD2M/VBhkjwiPmKQ/s400/gadget-adsense+6.jpg" border="0" /></a> <span style="font-family:verdana;">โฆษณานี้ก็มีลักณะเดียวกัน แต่ผมวางเอาไว้ท้ายบทความของหนเหลักครับ หมายความว่า ถ้ามีการดูบทความไม่ว่าจะเรื่องใด โฆษณานี้ ก็จะแสดงให้เห็นที่ส่วนท้ายของบทความเสมอครับ และผมวางไว้ทางด้านซ้ายล่างของบล็อกครับ</span></div><div><span style="font-family:Verdana;"></span> </div><span style="font-family:Verdana;"></span></div><div></div><div><span style="font-family:Verdana;"></span><div><span style="font-family:Verdana;">ต้องขอโทษนะครับ ที่ผมอธิบาย Adsense ไม่มากเท่าไหร่ เพราะว่าเดี๋ยวจะเกินเนื้อหาของแนวทาง</span></div><div><span style="font-family:Verdana;">ของบล็อกนี้ ที่เป็นการสร้างบล็อก เขียนบล็อก ครับ ส่วนตอนหน้าก็พบกับการใช้งาน องค์ประกอบ <a href="http://bloggerbuild.blogspot.com/2008/04/11.html">"รูปภาพ"</a> กับ <a href="http://bloggerbuild.blogspot.com/2008/04/12.html">"รายชื่อลิงก์" </a>กันครับ</span></div><div><span style="font-family:Verdana;"></span> </div><div></div><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7323726457301262129?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com4tag:blogger.com,1999:blog-1438928495303022325.post-43736999991118838892008-04-25T07:52:00.001-07:002010-07-14T09:38:31.713-07:00<span style="font-family:verdana;">สวัสดีครับเพื่อนๆ จากตอน <a href="http://bloggerbuild.blogspot.com/2008/04/8.html">เพิ่มองค์ประกอบหน้า ตอนที่ 4 : เมนู "ป้ายกำกับ" "ฟีด" และ "HTML/จาวาสคริป"</a> ผมคิดว่ามันยาวมากเกินไป ดังนั้นตอนที่ 5 นี้ ผมขออธิบายเฉพาะองค์ประกอบ "ข้อความ" เพียงอย่างเดียว เพราะถือว่ายาวเหมือนกัน ผมจะดูความเหมาะสมของการเขียนเนื้อหาในแต่ละตอนนะครับ ไม่อยากให้ยาวเกินไปครับ</span><br /><br /><div align="center"><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBykijAf3I/AAAAAAAAD2A/lXAnDL03aFk/s1600-h/gadget-text-adsense-picture.jpg"><img id="BLOGGER_PHOTO_ID_5287351934607458162" style="display: block; margin: 0px auto 10px; width: 351px; height: 400px; text-align: center;" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBykijAf3I/AAAAAAAAD2A/lXAnDL03aFk/s400/gadget-text-adsense-picture.jpg" border="0" /></a><span style="font-family:verdana;">เช่นเคยนะครับ ผมนำหน้าของการเพิ่มองค์ประกอบรวม มาให้ดูนะครับ</span> </div><br /><br /><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWByc7UsEWI/AAAAAAAAD14/5cr71uVdHPo/s1600-h/gadhet-text1.jpg"><img id="BLOGGER_PHOTO_ID_5287351803819331938" style="display: block; margin: 0px auto 10px; width: 400px; height: 112px; text-align: center;" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWByc7UsEWI/AAAAAAAAD14/5cr71uVdHPo/s400/gadhet-text1.jpg" border="0" /></a> <span style="font-family:verdana;">องค์ประกอบ "ข้อความ" นั้นผมใช้เยอะมากๆ ทั้งใช้เพื่อบอกรายละเอียด คำอธิบาย เชื่อมโยงหน้าเว็บไซต์อื่น หรือเชื่อมโยงหน้าเว็บบล็อก ภายในบล็อก และผมยังดัดแปลงใช้เป็น "เมนู" สำคัญๆ เช่น "หน้าหลัก" "ติดต่อผม" "สมุดเยี่ยม" "เกี่ยวกับผม" เป็นต้น เพื่อพยายามทำบล็อกให้ใกล้เคียงเว็บไซต์ ทำให้ผู้อ่านใช้งานได้ง่ายด้วยครับ</span><br /><span style="font-family:Verdana;"></span><br /><br /><div><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWBxQblwJAI/AAAAAAAAD1o/DsHguFxCbKs/s1600-h/gadget-text2.jpg"><img id="BLOGGER_PHOTO_ID_5287350489630909442" style="display: block; margin: 0px auto 10px; width: 349px; height: 400px; text-align: center;" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWBxQblwJAI/AAAAAAAAD1o/DsHguFxCbKs/s400/gadget-text2.jpg" border="0" /></a> </div><span style="font-family:verdana;">เมื่อกดแบนเนอร์องค์ประกอบ "ข้อความ" ก็จะเห็นหน้าต่างดังภาพข้างบนนะครับ เหมือนเคยนะครับ "หัวข้อ" ก็ใส่เรื่องที่เกี่ยวข้อง ส่วนพื้นที่ใหญ่ข้างล่าง ก็ใส่ข้อความที่ต้องการนำเสนอ ซึ่งเดี๋ยวผมจะตกตัวอย่างให้ได้เห็นกันชัดเจน แต่ก่อนอื่นผมอยากจะให้ทุกท่าน ไปรู้จักกับสัญลักษณ์ของการใช้งานข้อความก่อนนะครับ ให้ดูที่ด้านขวา จะเห็นสัญลักษณ์ 6 ตัว คือ<br /></span><br /><div><img id="BLOGGER_PHOTO_ID_5287351576723225890" style="display: block; margin: 0px auto 10px; width: 400px; height: 264px; text-align: center;" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWByPtUwfSI/AAAAAAAAD1w/rH7Bxn0u6Oc/s400/gadget-text2.1.jpg" border="0" /> <span style="font-family:verdana;"></span></div><ul><li><span style="font-family:verdana;">ตัวที่ 1 : ตัวอักษร <strong><span style="font-size:130%;">b</span></strong> หนา ที่ถ้ากด ข้อความต่างๆ ของเราก็จะหนา ทำให้เด่น อ่านง่าย เนื่องจากการตกแต่งบล็อก ด้วยการใช้องค์ประกอบ "ข้อความ" ของ Blogger ไม่สามารถเพิ่มขนาดของตัวอักษรได้ ทำให้หนาได้อย่างเดียว</span></li><li><span style="font-family:Verdana;">ตัวที่ 2 : ตัว<em><span style="font-size:130%;"> i</span></em> เอียง ถ้ากด ข้อความต่างๆ ก็จะเอียง เช่นนี้ <em><span style="font-size:130%;">ปรีดาเป็นคนพิการรุนแรง</span></em> เป็นต้นครับ</span></li><li><span style="font-family:Verdana;">ตัวที่ 3 : เป็นการเปลี่ยนสีของตัวอักษร ถ้ากดที่สัญลักษณ์ "ตัว T มีแถบสี" ก็จะเห็นตารางสี กดเลือกสี ตัวอักษณที่เป็นข้อความนั้นๆ ก็จะเปลี่ยนสีตามเราแก้ไข ลืมบอกไปว่า ก่อนเปลี่ยนสี ต้องลากเม้าท์ให้ครอบคลุมข้อความ หรือตัวอักษณที่ต้องกาวรจะแก้สีก่อนนะครับ</span></li><li><span style="font-family:Verdana;">ตัวที่ 4 : เป็นกาวรเชื่อมโยงลิ้งค์ วิธีใช้งานคือ ถ้าเราต้องการให้ตัวอักษรใดหรือข้อความใด เมื่อผู้อ่านกดปุ๊บ ไปยังอีกหน้าเว็บไซต์ เป็นต้น ก่อนกดก็ลากเม้าท์พื้นที่ ที่ต้องการจะเชื่อมโยงลิ้งค์ที่ตัวอักษร หรือข้อความก่อน จากนั้นกดที่สัญลักษณ์ จะขึ้นหน้าต่างเล็กๆ ให้ใส่ URL ที่ต้องการจะเชื่อมโยง แล้วก็กด "บันทึก" ก็จะเห็นว่าใต้ข้อความนั้นมี "ขีดเส้นใต้" ถือว่าเสร็จในส่วนนี้แล้วครับ</span></li><li><span style="font-family:Verdana;">ตัวที่ 5 และ 6 ผมยังไม่เคยใช้ครับ ถ้าใช้แล้วจะรีบมาเขียนบทความเพิ่มนะครับ</span><br /></li></ul><div><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWBxDVuejpI/AAAAAAAAD1g/ffb71HD5HUs/s1600-h/text+sample+1.jpg"><img id="BLOGGER_PHOTO_ID_5287350264718593682" style="display: block; margin: 0px auto 10px; width: 400px; height: 300px; text-align: center;" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWBxDVuejpI/AAAAAAAAD1g/ffb71HD5HUs/s400/text+sample+1.jpg" border="0" /></a><span style="font-family:verdana;"> ลองมาดูตัวอย่างของกาวรใช้งานองค์ประกอบ "ข้อคาม" กันนะครับ ผมนำตัวอย่างจากเว็บบล็อกเรื่องความพิการของผม <a href="http://preedastation.blogspot.com/">http://preedastation.blogspot.com/</a> มาเป็นตัวอย่างนะครับ</span></div><div><span style="font-family:Verdana;"></span><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWBw7kRmy_I/AAAAAAAAD1Y/2eyco-HhNTc/s1600-h/text+sample+2.jpg"><img id="BLOGGER_PHOTO_ID_5287350131185077234" style="display: block; margin: 0px auto 10px; width: 400px; height: 248px; text-align: center;" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWBw7kRmy_I/AAAAAAAAD1Y/2eyco-HhNTc/s400/text+sample+2.jpg" border="0" /></a><span style="font-family:verdana;"> ดูที่ด้านขวาเหนือรูปภาพผมนะครับจะเห็น หัวข้อว่า "บทความที่เพื่อนๆ ควรติดตามอ่านทุกเรื่องจากประสบการณ์จริงของผมครับ" และมฝีข้อความคือ "สามารถติดตามบทความต่อไป เกี่ยวกับ <span style="color: rgb(204, 0, 0);"><strong>แผลกดทับ</strong></span> และ<span style="color: rgb(0, 0, 153);"><strong>การพิทักษ์สิทธิ์ของผู้พิการ</strong></span> เร็วๆ นี้ครับ" </span><span style="font-family:Verdana;">จะเห็นว่า ผมใช้ตัวหนาและการใส่สี กับคำว่า "แผลกดทับ" และ "การพิทักษ์สิทธิ์ของผู้พิการ" ครับ แต่ยังไม่มีการเชื่อมโยงลิ้งค์</span><br /><br /></div></div><div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBw1wcby9I/AAAAAAAAD1Q/hjpexoLPM_c/s1600-h/text+sample+4.jpg"><img id="BLOGGER_PHOTO_ID_5287350031372504018" style="display: block; margin: 0px auto 10px; width: 399px; height: 400px; text-align: center;" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBw1wcby9I/AAAAAAAAD1Q/hjpexoLPM_c/s400/text+sample+4.jpg" border="0" /></a><span style="font-family:verdana;">ตัวอย่าง " </span><a href="http://siampwd.blogspot.com/"><span style="font-family:verdana;"><strong>Siam PWD Blog</strong> พื้นที่สำหรับการแบ่งปันประสบการณ์ชีวิตของผู้พิการรุนแรง ที่มีแนวคิด อยากเผยแพร่บทความให้เกิดประโยชน์แก่ทุกฝ่าย และชักชวนให้เพื่อนผู้พิการท่านอื่นได้เริ่มเขียนบทความกันบ้างครับ</span></a><span style="font-family:verdana;">" เป็นตัวอย่างการเชื่อมโยงลิ้งค์ และมีตัวหนาด้วยที่ข้อความ "Siam PWD Blog" มีหัวข้อเป็น "SIAM PWD BLOG ประสบการณ์ของผู้พิการรุนแรง"</span><br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBwtMTiwiI/AAAAAAAAD1I/Dj6RshkAoMU/s1600-h/text+sample+5.jpg"><img id="BLOGGER_PHOTO_ID_5287349884232581666" style="display: block; margin: 0px auto 10px; width: 400px; height: 300px; text-align: center;" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBwtMTiwiI/AAAAAAAAD1I/Dj6RshkAoMU/s400/text+sample+5.jpg" border="0" /></a><span style="font-family:verdana;"> ตัวอย่างของการใช้งานองค์ประกอบ "ข้อความ" ที่นำมาประยุกต์ใช้เป็น "เมนู" เหมือนเว็บไซต์ต่างๆ ได้เช่นกันนะครับ ดังตัวอย่างใต้ชื่อบล็อก Blogger Build ที่มีเมนู "หน้าหลัก" "สมุดเยี่ยม" "เกี่ยวกับผู้จัดทำ" "เกี่ยวกับบล็อก" และ "ติดต่อเรา" </span><br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBwnsWAaUI/AAAAAAAAD1A/7O3PKFrhkfM/s1600-h/text+sample+6.jpg"><img id="BLOGGER_PHOTO_ID_5287349789753633090" style="display: block; margin: 0px auto 10px; width: 400px; height: 275px; text-align: center;" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SWBwnsWAaUI/AAAAAAAAD1A/7O3PKFrhkfM/s400/text+sample+6.jpg" border="0" /></a><span style="font-family:verdana;">การสร้างเมนูหลักๆ ดังที่ผมทำให้ดูเป็นตัวอย่างตามภาพข้างบนนี้ ยังต้องมีเทคนิคเพิ่มเติม ซึ่งคงจะอธิบายในบทความตอนนี้ ไม่ได้แน่ๆ เดี๋ยวจะยาวมาก คงจะอธิบายในบทความที่เกี่ยวกับ การสร้างบล็อก ให้คล้ายเว็บไซต์ ลองติดตามอ่านกันนะครับ </span><br /><br /><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWBv2GBjwHI/AAAAAAAAD0w/OHDtxg0H7-A/s1600-h/form-submit.jpg"><img id="BLOGGER_PHOTO_ID_5287348937653731442" style="display: block; margin: 0px auto 10px; width: 400px; height: 247px; text-align: center;" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SWBv2GBjwHI/AAAAAAAAD0w/OHDtxg0H7-A/s400/form-submit.jpg" border="0" /></a> </div><div><span style="font-family:verdana;">ก่อนจะจบบทความการใช้งานองค์ประกอบ "ข้อความ" ผมขออธิบายเสริมระบ</span><span style="font-family:verdana;">บ</span><span style="font-family:verdana;">การจัดการในหน้า "รูปแบบ" ไว้สักนิดหน่อยนะครับ ภาพข้างบนคือหน้า "รูปแบบ" ที่ผมเคยอธิบาย หรือกล่าวถึงไปแล้ว<br /></span></div><div><br /><img id="BLOGGER_PHOTO_ID_5287349289000033250" style="display: block; margin: 0px auto 10px; width: 400px; height: 203px; text-align: center;" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWBwKi5C2-I/AAAAAAAAD04/eFgtxXRVM_c/s400/text+sample+3.jpg" border="0" /></div><div><span style="font-family:verdana;">ตัวอย่าง "รูปแบบ" นั้น จะมีหน้าตาของบล็อก ในส่วนข้อความดังภาพข้างบนนะครับ ที่ผมนำมาทำเป็น เมนู "หน้าแรก, เกี่ยวกับผมเอง, บล็อกอื่นที่เขียน, งานที่ทำอยู่, สั่งซื้อหนังสือ, เว็บน่าสนใจ, ชุมชนผู้พิการ, ข่าวประชาสัมพันธ์, โรคจากการเป็นผู้ทุพพลภาพ, แผลกดทับ, การดูแลสุขภาพ, การพิทักษซ์สิทธิ์" ที่มีการเชื่อมโยงลิ้งค์ มีการใส่สี และทำตัวหนา และจริงๆ แล้ว ที่เห็นว่าแต่ละข้อความมีช่องว่างนั้น ผมใช้ ... จำนวน 3 จุด เป็นตัวขั้นข้อความ และทำให้เป็นสีขาว ซึ่งพื้นของบล็อกก็เป็นสีขาว จึงทำให้มองไม่เห็น</span><br /><br /></div><div><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWBvsKGYzEI/AAAAAAAAD0o/DgLIM02ziyE/s1600-h/text+73.png"><img id="BLOGGER_PHOTO_ID_5287348766949035074" style="display: block; margin: 0px auto 10px; width: 400px; height: 213px; text-align: center;" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SWBvsKGYzEI/AAAAAAAAD0o/DgLIM02ziyE/s400/text+73.png" border="0" /></a> <span style="font-family:verdana;">คราวนี้มาดู วิธีการย้ายพื้นที่ของ "เมนู" ตามความเหมาะสม ซึ่งตัวอย่างนี้ผมจะยกตัวอย่างการย้าย "องค์ประกอบ" จากฝั่งซ้าย ขึ้นไปข้างบนนะครับ จากภาพดูตามลูกศร ผมกำลังจะย้ายองค์ประกอบ "ข้อความ" ไปอยู่ใต้ "ชื่อบล็อก" (โปรดสังเกต ขณะทำ ต้องไม่มีพื้นที่สีเหลือง นะครับ)</span></div><div><span style="font-family:verdana;"><br /></span><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWBvks8bE9I/AAAAAAAAD0g/JVDr0xn-C8E/s1600-h/text72.jpg"><img id="BLOGGER_PHOTO_ID_5287348638863528914" style="display: block; margin: 0px auto 10px; width: 400px; height: 241px; text-align: center;" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SWBvks8bE9I/AAAAAAAAD0g/JVDr0xn-C8E/s400/text72.jpg" border="0" /></a><span style="font-family:verdana;">เมื่อย้ายเสร็จแล้ว จะเห็นว่า "องค์ประกอบข้อความ" ได้ย้ายไปอยู่ข้างบนแล้วนะครับ ซึ่งจะเห็นว่ามีพื้นที่ยาวขึ้น เท่ากับ "องค์ประกอบชื่อบทความ" จากนั้นให้กดปุ่ม "บันทึก" ที่มีสีส้ม ก็จะเห็นพื้นที่สีเหลืองที่ว่า เปลี่ยนแปลงเสร็จเรียบร้อยแล้ว และมีเมนู "ดูบล็อก" ถ้ากด ก็จะเห็นหน้าเว็บบล็อก ที่มีการเปลี่ยนแปลงเรียบร้อยแล้วครับ<br /><br /></span></div><div><span style="font-family:Verdana;"></span> </div><div><span style="font-family:Verdana;"></span></div><div><span style="font-family:Verdana;">เป็นอย่าง</span><span style="font-family:Verdana;">ไรบ้าง</span><span style="font-family:Verdana;">ครับ กับบทความเกี่ยวกับองค์ประกอบ "ข้อความ" ในตอนนี้ ยาวพอสมควรนะครับ ตอนหน้ามาติดตามอ่านรายละเอียด<a href="http://bloggerbuild.blogspot.com/2008/04/10.html">องค์ประกอบ "Adsense"</a> กันนะครับ เชื่อว่าหลายๆ คนคงจะสนใจ ไม่น้อย เพราะจะทำให้บล็อกของเราสร้างรายได้ให้กับเจ้าของบล็อกด้วยครับ<br /><br /></span></div><div> </div><div><span style="font-family:Verdana;"></span></div><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-4373699999111883889?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com5tag:blogger.com,1999:blog-1438928495303022325.post-72597376021738773832008-04-25T07:51:00.004-07:002009-01-03T10:43:35.285-08:00สวัสดีครับ เพื่อนๆ มาต่อกันในตอนที่ 4 (สามารถติดตามตอนที่ผ่านมาจากลิ้งค์นี้ครับ) กับเมนูขององค์ประอบ 3 ตัวต่อมาคือ "ป้ายกำกับ" "ฟีด" และ "HTML/จาวาสคริป" ซึ่งบทความในตอนนี้ ตัว HTML เป็ษนพระเอกเลยครับ ยาวหน่อย ตามอ่านกันได้เลยนะครับ<br /><br /><br /><p><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-jm9EBy5I/AAAAAAAAD0Y/jFEkfXOyF-k/s1600-h/gadget-tag-feed-html.jpg"><img id="BLOGGER_PHOTO_ID_5287124377178065810" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-jm9EBy5I/AAAAAAAAD0Y/jFEkfXOyF-k/s400/gadget-tag-feed-html.jpg" border="0" /></a>เช่นเคยครับ เมื่อเราเลื่อนแถบข้างจะเห็นองค์ประกอบต่างๆ เพิ่มเคิม ปัจจุบันที่ผมเขียนบทความอยู่นี้ มีทั้งหมด 18 องค์ประกอบ หรือ gadget นั่นเอง ครับ งั้นมาดู 2 ตัวแรกต่อมาที่ผมแทบไม่ได้ใช้งานเลยครับ ยกเว้นตัวสุดท้ายที่ผมใช้ประโยชน์เป็นอย่างมาก</p><p> </p><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-jgTGe94I/AAAAAAAAD0Q/3pfNofcPTpM/s1600-h/gadget-tag-base.jpg"><img id="BLOGGER_PHOTO_ID_5287124262834861954" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 102px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-jgTGe94I/AAAAAAAAD0Q/3pfNofcPTpM/s400/gadget-tag-base.jpg" border="0" /></a> องค์ประกอบ "ป้ายกำกับ" หรือ Tag ซึ่งจริงๆ แล้วถือว่ามฝีส่วนสำคัญในการตกแต่งบล็อกพอสมควร เพียงแต่ว่าที่ผมไม่ใช้งานนั้น เนื่องจากว่า รูปแบบของป้ายกำกับของ Blogger นั้น มันยาวเกินไป เวลาผมเขียนบทความไปมากๆ คำสำคัญที่ผมใส่ใน Tag นั้น จะทำให้ยาวมาก สมกับคำว่า tag ที่แปลว่า "หาง" จริงๆ ครับ ในเว็บไซต์อื่นที่ให้บริการ เช่น WordPress จะใช้รูปแบบเรียงตามตัวอักษร ซึ่งผมคิดว่าดีกว่า ไม่เปลืองเนื้อที่<br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-jEFxzvPI/AAAAAAAAD0I/hZOac_-9Ed8/s1600-h/gadget-tag-1.jpg"><img id="BLOGGER_PHOTO_ID_5287123778222144754" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-jEFxzvPI/AAAAAAAAD0I/hZOac_-9Ed8/s400/gadget-tag-1.jpg" border="0" /></a> แต่สำหรับเพื่อนๆ ถ้าต้องการใช้ ก็ตามสะดวก เพราะว่าถ้ามี ก็มีข้อดีเช่นกันครับ เมื่อเพื่อนๆ กดเมนู จะมฝาที่หน้าจอดังภาพ มีให้เลือกว่า จะเรียงแถวยาวลงมา (ตามตัวอย่าง) ว่าเรียงตาม "ตัวอักษร" หรือ "ความถี่" คือ จำนวนที่มากลงไปหาน้อย สำหรับผมฬในระยะเริ่มแรกที่ใช้ องค์ประกอบนี้ ผมเลือกเรียงตามตัวอักษร เพราะใช้งานง่ายกว่าครับ<br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-i7zk8MoI/AAAAAAAAD0A/Mp95PhLUqdg/s1600-h/gadget-tag.jpg"><img id="BLOGGER_PHOTO_ID_5287123635897381506" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 268px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-i7zk8MoI/AAAAAAAAD0A/Mp95PhLUqdg/s400/gadget-tag.jpg" border="0" /></a> ผลที่ได้ที่ไปติดตามด้านข้างของบล็อก ก็จะมฝีลักษณะนี้ ก็อย่างที่ผมบอกคือ ถ้าบทความของผมมีเป็นร้อยบทความ แต่ละบทความก็มี คำสำคัญ 5-7 คำ ทีนี้ ป้ายกำกับที่แสดงคำสำคัญนี้ คงยาวเป็นหางว่าวแน่นอนครับ ดังนั้น องค์ประกอบนี้ ก็สุดแท้แล้วแต่เพื่อนๆ นะครับ<br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-ivJPvhwI/AAAAAAAADz4/lfnYF_NLO8w/s1600-h/gadget-feed.jpg"><img id="BLOGGER_PHOTO_ID_5287123418375751426" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 101px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-ivJPvhwI/AAAAAAAADz4/lfnYF_NLO8w/s400/gadget-feed.jpg" border="0" /></a> องค์ประกอบ "ฟีด" หรือ Feed เป็นองค์ประกอบที่ผมไม่เคยใช้เลย ผมแทบไม่มีความรู้เรื่อง Feed ดังนั้นในส่วนขององค์ประกอบนี้ ผมคงต้องขอโทษเพื่อนๆ ที่ไม่มีความรู้จริงๆ แต่เท่าที่พอจะเข้าใจก็คงเป็นในลักษณะที่ว่า เหมือนเราสนใจบทความของบล็อกไหน ก็เอามาติดตามครับ<br /><br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV-ipX4xU1I/AAAAAAAADzw/_y9GJharyoA/s1600-h/gadget-feed-2.jpg"><img id="BLOGGER_PHOTO_ID_5287123319226717010" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV-ipX4xU1I/AAAAAAAADzw/_y9GJharyoA/s400/gadget-feed-2.jpg" border="0" /></a> เมื่อกดเมนู จะเห็นหน้าจอนี้ จากนั้นก็นำ URL ของฟีด ที่ต้องการติดตามมาวาง แล้วก็บันทึก อย่างไรก็ดี ถ้าเพื่อนๆ ท่านใดมีความรู้เรื่องนี้ สามารถแนะนำได้เลยนะครับ ที่พื้นที่ "แสดงความคิดเห็น" ท้ายบทความ จักขอบพระคุณยิ่งครับ<br /><br /><br /><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV-iizrLw2I/AAAAAAAADzo/A-1cx5vp8-I/s1600-h/gadget-html.jpg"><img id="BLOGGER_PHOTO_ID_5287123206426837858" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 104px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV-iizrLw2I/AAAAAAAADzo/A-1cx5vp8-I/s400/gadget-html.jpg" border="0" /></a> องค์ประกอบ "HTML/จาวาสคริป" นี้ ผมใช้เยอะมากๆ ครับ ถือว่าเป็นองค์ประกอบที่สำคัญในการนำมาตกแต่งบล็อกมากๆ เลยนะครับ ส่วนใหญ่ผมจะนำโค้ด HTML มาวาง เพราะผมไม่ค่อยมีความรู้เรื่องนี้เลย โค้ด HTML ผมรู้แค่โค้ดเดียว ซึ่งจะยกตัวอย่างตอนจบบทความพอดีให้เพื่อนได้ทราบ เผื่อจะได้นำไปใช้กัน<br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-id-7QlbI/AAAAAAAADzg/aT1wo55O-CM/s1600-h/gadget-html1.jpg"><img id="BLOGGER_PHOTO_ID_5287123123547706802" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 350px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-id-7QlbI/AAAAAAAADzg/aT1wo55O-CM/s400/gadget-html1.jpg" border="0" /></a> เมื่อกดเมนู จะเห็นหน้าตาแบบนี้ครับ ช่องบนก็ให้ใส่หัวข้อของโค้ด ก็แล้วแต่ตามสะดวก บางครั้งผมก็ใส่ บางครั้งก็ไม่ใส่ ให้ดูเรื่องความเหมาะสม ความสวยงาม หรืออาจดูเรื่องที่เราอยากจะสื่อสารกับผู้อ่าน ส่วนพื้นที่ใหญ่ๆ ข้างล่าง เอาไว้ใส่ HTML โค้ดครับ ซึ่งผมจะขอลองยกตัวอย่างให้ดูตามกันไปเลยนะครับ<br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-iRcvKjuI/AAAAAAAADzY/TrOkQNjzaQQ/s1600-h/html+sample+1.jpg"><img id="BLOGGER_PHOTO_ID_5287122908211744482" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 300px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-iRcvKjuI/AAAAAAAADzY/TrOkQNjzaQQ/s400/html+sample+1.jpg" border="0" /></a> ตัวอย่างนี้ ผมขอเอาตัวอย่างการใช้งานองค์ประกอบ "HTML/จาวาสคริป" มาจากบล็อกของผมเรื่อง <a href="http://preedastation.blogspot.com/">ความพิการที่ชื่อ Preeda Station </a>(<a href="http://preedastation.blogspot.com/">http://preedastation.blogspot.com/</a>) มาให้ดูกันครับ<br /><br /><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-iEw_t-lI/AAAAAAAADzQ/-N0j-DIYpwk/s1600-h/html+sample+2.jpg"><img id="BLOGGER_PHOTO_ID_5287122690311584338" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 379px; CURSOR: hand; HEIGHT: 319px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-iEw_t-lI/AAAAAAAADzQ/-N0j-DIYpwk/s400/html+sample+2.jpg" border="0" /></a> ผมตัดภาพให้ดูใกล้ๆ จะเห็นทั้งหมด 4 ตัวอย่างในภาพนี้นะครับ คือ</div><ol><li>การเสริช์ค้นหาของ Google</li><li>กรอบพื้นที่สีน้ำเงินเล็กๆ เป็นสถิตินับจำนวนคนเข้าชมบล็อก</li><li>นาฬิกาแบบดิจิตอล</li><li>สถิติแบบแสดงเป็นธงชาติ (ซึ่งผมนำมาตกแต่งทีหลัง คือหลังจากข้อ 2 ครับ)</li></ol><div>จะเห็นว่า 3 gadget (ของตกแต่งบล็อก) แรกนั้น ผมไม่จำเป็นต้องใส่หัวข้อให้รกบล็อก เพราะว่าผู้อ่านเข้าใจโดยอัตโนมัติอยูแล้วครับ และอยากให้สังเกตเพิ่มเติมด้วยครับว่า ข้อ 2 กับ 3 นั้นอยู่ในแถวเดียวกัน ซึ่งเกิดจากเอา HTML โค้ด วางต่อกันเลยในหน้าต่างเดียวกัน จะทำให้ไม่เปลืองพื้นที่ของบล็อกครับ</div><div> </div><div>ส่วนในข้อ 4 นั้น ผมต้องใส่หัวข้อ คือ แจ้งว่า ผมเริ่มใช้สถิติแสดงผู้เยี่ยมชมที่มาจากต่างประเทศ เป็นธงชาติ เมื่อสถิติรวมต่างๆ ของสถิติเดิม (สีน้ำเงิน หรือข้อ 2) นั้น เป็นตัวงเลขเท่าไหร่แล้ว ผู้อ่านจะได้เข้าใจ เพราะเห็นสถิติรวมต่างกัน<br /><br />ดังนั้นการใช้งาน ในส่วนหัวข้อนั้น ก็แล้วแต่ความเหมาะสมของบล็อก และผู้เขียนบล็อกนะครับ ความเห็นส่วนตัวนะครับ ผมเชื่อว่า ประสบการณ์จะทำให้เพื่อนๆ ปรับเปลี่ยนบล็อกไปเองตามกาลเวลา ตามเนื้อหาเองครับ<br /></div><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-h_XmqksI/AAAAAAAADzI/JovMKvmQprc/s1600-h/html+sample+3.jpg"><img id="BLOGGER_PHOTO_ID_5287122597596271298" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 236px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-h_XmqksI/AAAAAAAADzI/JovMKvmQprc/s400/html+sample+3.jpg" border="0" /></a> ทั้ง 4 ตัวอย่างบนภาพนี้ ก็เป็นตัวอย่างของการใช้ องค์ประกอบ "HTML/จาวาสคริป" นะครับ ซึ่งผมวางอยู่ท้ายบทความครับ<br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-h1TncV9I/AAAAAAAADzA/5Mda4EqF1FI/s1600-h/html+sample+5.jpg"><img id="BLOGGER_PHOTO_ID_5287122424727099346" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 359px; CURSOR: hand; HEIGHT: 231px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-h1TncV9I/AAAAAAAADzA/5Mda4EqF1FI/s400/html+sample+5.jpg" border="0" /></a> นี่ก็เป็นอีกตัวอย่างหนึ่งที่ ทางผมทำขึ้นมาเอง จะเป็นภาพที่มีตัวอักษรเปลี่ยนแปลง คล้ายแบนเนอร์ ทางโปรแกรมเมอร์ทำให้ครับ เป็นไฟล์ภาพ จากนั้นผมก็เอามาวางในโค้ด HTML ซึ่งเป็นโค้ดลักษณะ กดที่ภาพก็ให้ไปสู่หน้าเว็บไซต์ที่ต้องการได้เลยทันที เดี๋ยวผมะยกตัวอย่างสุดท้ายเลยนะครับ<br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-hrfCgDtI/AAAAAAAADy4/p2XgCuzapYQ/s1600-h/html+sample+4.jpg"><img id="BLOGGER_PHOTO_ID_5287122255994687186" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 355px; CURSOR: hand; HEIGHT: 262px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-hrfCgDtI/AAAAAAAADy4/p2XgCuzapYQ/s400/html+sample+4.jpg" border="0" /></a> นี่เป็นตัวอย่างสุดท้ายของบทความนี้ ที่ผมนำเอาภาพของผมเอง มาวางบน HTML โค้ด เพื่อนำไปสู่อีกบล็อกหนึ่งที่ผมเขียน เกี่ยวกับกลุ่มผู้พิการที่ผลงานเขียนบล็อก สังเกตดีๆ จะเห็นว่า มีหัวข้อด้วยนะครับ เพราะว่าผมต้องการสื่อให้รู้ว่านี่เป็นอีกบล็อกหนึ่ง ถ้าผู้อ่านกดลิ้งค์ที่รูปภาพผม และด้านล่างผมฝกลัวผู้อ่านยังไมฝ่เข้าใจในสิ่งที่ผมสื่อ ผมจึงใช้อีกองค์ประกอบหนึ่ง คือ "ข้อความ" มาช่วยเสริม ซึ่งจะอธิบายในตอนที่เกี่ยวข้องต่อไปครับ<br /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-heqt1IEI/AAAAAAAADyw/i37SVZ4GSLc/s1600-h/html+sample+7.jpg"><img id="BLOGGER_PHOTO_ID_5287122035790913602" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 294px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-heqt1IEI/AAAAAAAADyw/i37SVZ4GSLc/s400/html+sample+7.jpg" border="0" /></a> ผมลองกดลิ้งค์ให้ดูนะครับ (คือกดที่สัญลักษณ์ ประแจ ไขว้กับ ไขควง) เพื่อนๆ จะเห็น HTML โค้ด ที่ "เมื่อกดที่ภาพแล้วจะไปยังอีกหน้าเว็บไซต์ที่ลิ้งค์ไว้" ครับ ถ้าเพื่อนๆ อยากทราบโค้ด ก็ลองขยายภาพแล้วดูไปพลางๆ ก๋อน แล้วในบทต่อๆ ไป ผมจะนำมาขยายความให้เห็นถึงประโยชน์ที่มากกว่านี้ครับ ยังมีลูกเล่นอะไรน่าสนใจอีกมากมายครับ</div><div> </div><div>แต่ก่อนจะจบบทความนี้ เบื้องต้นจะแจ้งให้ทราบว่า ความรู้เรื่อง HTML โค้ดที่กดภาพแล้วไปที่หน้าเว็บอื่นได้นั้น ผมเล่นตอนที่ยังไมฝ่มีความรู้ ซึ่งถ้าง่ายๆ แค่นี้ ก็มีอยู่แล้วใน องค์ประกอบ "รูปภาพ" ครับ ดังนั้นในเบื้องต้น ถ้าเพื่อนๆ พึ่งเริ่มศึกษา ก็ไม่ต้องไปซีเรีนสอะไรนะครับ อ่านไปเรื่อยๆ ก็จะเข้าใจเอง ที่สำคัยต้อง</div><div>หมั่นเล่น หมั่นศึกษา วันละนิด วันละหน่อย เหมือนผมก็ได้ครับ ถึงจะไม่ค่อยรู้เรื่อง ก็คลำทางไป เดี๋ยวก็เป็นเองครับ จากนี้ไป องค์ประกอบต่างๆ ที่เหลือนั้น สำคัญๆ ทั้งนั้นนะครับ ติดตามอ่านต่อไปนะครับ<br /></div><div>ขอบคุณครับ</div><div><a href="http://preedaroom.blogspot.com/">ปรีดา ลิ้มนนทกุล </a><br /><a href="http://preedastation.blogspot.com/">(ผู้ทุพพลภาพมืออาชีพ)</a></div></div></div></div></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-7259737602173877383?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com3tag:blogger.com,1999:blog-1438928495303022325.post-67512659577358362252008-04-25T07:51:00.003-07:002009-01-03T09:00:24.631-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อน มาตามอ่านกันต่อถึงการเพิ่มองค์ประกอบหน้าในส่วน "โลโก้" "แถบวีดีโอ" และ "Newsreel" หรือข่าวสาร กันต่อนะครับ ส่วนท่านใดที่ยังไม่ได้อ่านตอนต้น ให้ตมอ่านย้อนหลังได้ที่ <a href="http://bloggerbuild.blogspot.com/2008/04/blogger-google.html">หน้าหลัก</a> ครับ</span><br /><br /><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-GKQGrOhI/AAAAAAAADyg/mv4XY3Dg-HA/s1600-h/gadget-logo-vdo-news-tag-feed.jpg"><img id="BLOGGER_PHOTO_ID_5287091998236031506" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 352px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-GKQGrOhI/AAAAAAAADyg/mv4XY3Dg-HA/s400/gadget-logo-vdo-news-tag-feed.jpg" border="0" /></a><span style="font-family:verdana;">พอเลื่อยแถบข้างขึ้นมา จะพบกับทั้ง 3 องค์ประกอบที่ผมจะอธิบายต่อนะครับ โดยผมจะเริ่มจากล่างขึ้นบนเหมือนเดิมฝนะครับ จึงขอเริ่มจากโลโก้ก่อน </span><br /><br /><div><div><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-Fy-t0HZI/AAAAAAAADyI/72euCeQrgvo/s1600-h/dadget-ส่วนหัวขà¸&shy;งหน้า-4.jpg"><img id="BLOGGER_PHOTO_ID_5287091598431362450" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 97px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-Fy-t0HZI/AAAAAAAADyI/72euCeQrgvo/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-4.jpg" border="0" /></a> </div><span style="font-family:verdana;">องค์ประกอบ "โลโก้" (Logo) นั้นส่วนตัวผมแล้ว ผมจะให้ความสำคัญมากๆ เพราะว่า เรามาใช้บล็อกฟรีของ Google ควรจะให้เกียรติทาง Blogger ด้วยการติดโลโก้ของ Blogger ด้วยทุกครั้ง เพื่อช่วยประชาสัมพันธ์ รวมทั้งทำให้ผู้สนใจศึกษา หรือจะสร้างบล็อก สามารถกดที่โลโก้ เพื่อเข้าสู้หน้าการแนะนำการสร้างบล็อกของ Blogger ได้อย่างง่ายๆ </span><br /><div></div><br /><br /><div><img id="BLOGGER_PHOTO_ID_5287091605272875826" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 286px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV-FzYM9UzI/AAAAAAAADyQ/ZL2wlYbA4yE/s400/gadget-logo.png" border="0" /></div><span style="font-family:verdana;">เมื่อกดที่แบนเนอร์แล้ว จะเห็นหน้าที่ให้เราเลือกโลโก้ ซึ่งมีอยู่ 6 แบบ แตกต่างกันนิดหน่อย ก็เลือกให้เหมาะสมกับแบบของบล็อกที่เราสร้างไว้ จากนั้นก็กด "บันทึก" ที่มีสีส้มเหมือนเดิมครับ</span><br /><br /><div><br /><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-FzmaG7xI/AAAAAAAADyY/p1sBoW1Be5Q/s1600-h/gadget-logo-1.jpg"><img id="BLOGGER_PHOTO_ID_5287091609086127890" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 211px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV-FzmaG7xI/AAAAAAAADyY/p1sBoW1Be5Q/s400/gadget-logo-1.jpg" border="0" /></a> <span style="font-family:verdana;">เวลาที่แบนเนอร์โลโก้ อยู่บนบล็อกของบล็อกนี้ ก็อย่างที่ผมตัดรูปภาวพมาฬห้เพื่อนๆ ดูนี่แหละครับ หรือจะดูที่ด้านขวามือของเพื่อนๆ ก็ได้ครับ ส่วนตำแหน่งการไว้ ก็เลือกให้เหมาะสมสวยงามครับ</span><br /><br /><br /><div><a href="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-FjujPEZI/AAAAAAAADyA/zlewXuO78c4/s1600-h/dadget-ส่วนหัวขà¸&shy;งหน้า-5.jpg"><img id="BLOGGER_PHOTO_ID_5287091336393986450" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 97px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV-FjujPEZI/AAAAAAAADyA/zlewXuO78c4/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-5.jpg" border="0" /></a><span style="font-family:verdana;"></span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;">ส่วนองค์ประกอบ "แถบวีดีโอ" นั้นผมไม่เคยติดตั้งใรนบล็อกเลยครับ เพราะว่า ด้านข้าง หรือ Side Bar นั้น ผมมักจะขยายให้กว้างขึ้น ตามการออกแบบหลักๆ ของผม แต่แถบวีดีโอที่ทาง Blogger นั้น จะกว้างไม่มาก ถ้านำมาใช้งานจะไม่สวยครับ ดูไม่เข้ากัน แต่ถ้าเพื่อนๆ จะใช้งานก็ใช้ได้ง่ายๆ ครับ แค่คลิ๊กแบนเนอร์ แล้วก็เลือกกลุ่มวีดีโอ ช่องทาง และคำสำคัญ ที่ระบบจะดึงวีดีโอที่เกี่ยวข้องมา แล้วก็บันทึก เท่านั้นเองครับ ลองทำเล่นดูได้นะครับ</span></div><div><span style="font-family:Verdana;"></span><br /><img id="BLOGGER_PHOTO_ID_5287112820830665474" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 316px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-ZGSUGewI/AAAAAAAADyo/Da_M_iimDU4/s400/gadget-vdo.jpg" border="0" /><br /><br /><div><a href="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-FRYyWXAI/AAAAAAAADx4/4Ekoa_XiraA/s1600-h/gadget-newsreel.jpg"><img id="BLOGGER_PHOTO_ID_5287091021314153474" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 97px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SV-FRYyWXAI/AAAAAAAADx4/4Ekoa_XiraA/s400/gadget-newsreel.jpg" border="0" /></a><span style="font-family:verdana;">องค์ประกอบ "Newsreel" หรือข่าวสารเกี่ยวกับ Google, Microsoft และ Apple นั้น ก็เป็นองค์ประกอบอีกตัวที่ผมไม่ใช้งานเลย เพราะว่าเป็นภาษาอังกฤษครับ และก็ไม่เข้ากับธีมของการออกแบบบล็อกที่ผมสร้างอยู่ครับ เช่นเดิม ถ้าเพื่อนๆ สนใจก็กดแบนเนอร์ และก็กดบันทึก ก็สามารถติดตั้งได้เลยง่ายๆ เช่นกันครับ</span><br /><br /><div><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /></div><div><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-6751265957735836225?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com5tag:blogger.com,1999:blog-1438928495303022325.post-27671000919321452712008-04-25T07:51:00.001-07:002011-12-02T21:17:30.415-08:00<span style="font-family:verdana;">สวัสดีครับ เพื่อนๆ หลังจากที่ทราบถึง หน้า "รูปแบบ" และ การเพิ่ม "องค์ประกอบหน้า" กันมาแล้วในบทความ เพิ่มองค์ประกอบหน้า ตอนที่ 1 : มารู้จักเมนูการ "เพิ่มองค์ประกอบหน้า" มาแล้ว ก็มารู้จักแต่ละส่วนขององค์ประกอบหน้ากันนะครับ โดยผมจะนำเสนอแต่ละองค์ประกอบหน้า ตามความเหมาะสมนะครับ โดยไล่จากข้างล่างขึ้นมานะครับ เพราะผมคิดว่า จะอธิบายสะดวกกว่า (เป็นการส่วนตัว)</span><br /><div><span style="font-family:verdana;"></span></div><br /><div><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287065905708733762" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 300px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV9ubd3ZFUI/AAAAAAAADxg/ScLd8ShiHHU/s400/gadget-window.jpg" border="0" /></span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;">ครับ หลังจากที่ เพื่อนๆกดที่เมนู "เพิ่มองค์ประกอบหน้า" หรือ "เพิ่ม Gadget" ก็จะเห็นหน้าต่างๆ ประมาณครึ่งหน้าจอคอมพิวเตอร์ขึ้นมานะครับ จากนั้นให้เลื่อนเม้าท์ไปล่างสุด จะได้อย่างที่เห็นในภาพข้างล่างนะครับ</span></div><br /><div><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287062949825672754" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 346px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_jsG6iyIU1vM/SV9rvaV89jI/AAAAAAAADxY/Df98aDrZPRA/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2.jpg" border="0" />ก็จะเห็นส่วนองค์ประกอบหน้า ล่างสุด ซึ่งบทความตอนนี้ ผมจะขออธิบายการใช้งาน 3 องค์ประกอบหน้า คือ "ส่วนหัวของหน้า" "คลังบทความของบล็อก" และ "โปรไฟล์"<br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV9rlzMtRMI/AAAAAAAADxQ/_PGQ5bg3dn0/s1600-h/dadget-%C3%A0%C2%B8%C2%AA%C3%A0%C2%B9%CB%86%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%C2%B1%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%80%9A%C3%A0%C2%B8%C2%AD%C3%A0%C2%B8%E2%80%A1%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B9%E2%80%B0%C3%A0%C2%B8%C2%B2-1.jpg"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287062784699090114" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 93px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV9rlzMtRMI/AAAAAAAADxQ/_PGQ5bg3dn0/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-1.jpg" border="0" /></span></a><span style="font-family:verdana;">องค์ประกอบ "ส่วนหัวของหน้า" ก็คือส่วนหัวของหน้าบล็อก ที่เพื่อนๆ เห็นด้านบนสุดของบล็อกนี้คับ "Blogger Build สร้างบล็อ เขียนบล็อก ด้วย Blogger" ซึ่งในส่วนนี้ ผมจะอธิบายในตอนแก้ไข "ส่วนหัวของหน้า" ในการใช้งานอีกวิธีหนึ่ง แต่โดยรวมๆ ระบบของการสร้างบล็อกให้เรา ก็จะมีเพิ่มเติมอยู่แล้ว จะเห็นได้จากด้านขวา เห็นคำว่า "เพิ่มแล้ว"<br /><br /></span><div><a href="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV9rdZmL-zI/AAAAAAAADxI/NZFGtk3Lc20/s1600-h/dadget-%C3%A0%C2%B8%C2%AA%C3%A0%C2%B9%CB%86%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%C2%B1%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%80%9A%C3%A0%C2%B8%C2%AD%C3%A0%C2%B8%E2%80%A1%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B9%E2%80%B0%C3%A0%C2%B8%C2%B2-2.jpg"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287062640387685170" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 91px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_jsG6iyIU1vM/SV9rdZmL-zI/AAAAAAAADxI/NZFGtk3Lc20/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-2.jpg" border="0" /></span></a><span style="font-family:verdana;">องค์ประกอบ "คลังบทความของบล็อก" คือส่วนของกาวรบันทึกจำนวนบทความในแต่ละวัน หรือ สัปดาห์ หรือ เดือน ตามแต่ที่เราจะกำหนด และโดยปกติเมื่อเราสร้างบล็อกเสร็จ ก็จะมีไว้ให้เลย เช่นกันจะเห็นว่ามี "เพิ่มแล้ว" ทางด้านขวามือ ส่วนรายละเอียด ผมจะอธิบายเพิ่มเติมในส่วนการใช้งานภายในบล็อกอีกครั้ง<br /><br /></span><div><a href="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV9rW1CvWWI/AAAAAAAADxA/QNH9nX4fn38/s1600-h/dadget-%C3%A0%C2%B8%C2%AA%C3%A0%C2%B9%CB%86%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%C2%B1%C3%A0%C2%B8%C2%A7%C3%A0%C2%B8%E2%80%9A%C3%A0%C2%B8%C2%AD%C3%A0%C2%B8%E2%80%A1%C3%A0%C2%B8%C2%AB%C3%A0%C2%B8%E2%84%A2%C3%A0%C2%B9%E2%80%B0%C3%A0%C2%B8%C2%B2-3.jpg"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5287062527496116578" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 90px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SV9rW1CvWWI/AAAAAAAADxA/QNH9nX4fn38/s400/dadget-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-3.jpg" border="0" /></span></a><span style="font-family:verdana;">องค์ประกอบ "โปรไฟล์" ก็คือส่วนที่แสดงข้อมูลของเจ้าของบล็อก จะเห็นว่ามีสัญลักษณ์ + สีฟ้า ทางด้านขวามือ แสดงว่ายังไม่มีการใช้งานในบล็อกนั้น แต่โดยปกติ ระบบจะเพิ่มให้อัตโนมัติ แต่ผมไม่นิยมใช้ ผมจะสร้างโปรไฟล์ (profile) เอง โดยใช้ องค์ประกอบหน้าตัวอื่นมาสร้าง เพราะว่าโปรไฟล์สำเร็จรูปของ Blogger นี้ ผมไม่ค่อยชอบเท่าไหร่ ผมจะอธิบายเพิ่มเติมอีกครั้งตอนอธิบายรายละเอียดการใช้งานภายในบล็อกนะครับ<br /><br /></span><div><span style="font-family:verdana;">ติดตามอ่านการใช้งาน องค์ประกอบหน้า ส่วนอื่นๆ ต่อไปนะครับ</span></div><div><span style="font-family:verdana;"><br /></span></div><div><span style="font-family:verdana;"></span> </div><div><span style="font-family:verdana;">ขอบคุณครับ</span></div><div><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a><br /><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></div></div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-2767100091932145271?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com4tag:blogger.com,1999:blog-1438928495303022325.post-36096093625844998762008-04-25T07:50:00.002-07:002009-01-03T05:06:34.537-08:00<span style="font-family:verdana;">สวัสดีครับ ทุกคน ในบทความนี้ เป็นการแนะนำในส่วนของ การ "เพิ่มองค์ประกอบหน้า" ซึ่งในเบื้องต้นเพื่อนๆ ต้องเข้าไปสู่หน้าแรก ของบัญชี blogger ของตัวเอง เช่นตามวิธีการที่ผมเคยเขียนใน <a href="http://bloggerbuild.blogspot.com/2008/04/2.html">ข้อ 3 ของบทความ "3 วิธีเข้าสู่เว็บไซต์สร้างบล็อกระดับโลกของ Blogger" </a>จากนั้นให้ดูที่วิธีที่ 3 กดสัญลักษณ์ blogger ที่อยู่ลำดับที่ 3 ตามภาพ</span><br /><br /><br /><br /><img id="BLOGGER_PHOTO_ID_5286005387996916450" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 233px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_jsG6iyIU1vM/SVup5NhbauI/AAAAAAAADv8/B9m36pw9CIk/s400/blogger+account+1.jpg" border="0" /><br /><br /><div align="center"><span style="font-family:verdana;">หน้าบัญชีการใช้งาน google ที่จะเห็นสัญลักษณ์ blogger อยู่ลำดับที่ 3</span><br /><br /></div><a href="http://bp0.blogger.com/_jsG6iyIU1vM/SBXqoOb50II/AAAAAAAABUY/AZ7C7ip56DI/s1600-h/blogger+ตัวà¸&shy;ย่างบล็à¸&shy;กที่ทำเสร็จx.jpg"></a><img id="BLOGGER_PHOTO_ID_5286005288362639954" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 333px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_jsG6iyIU1vM/SVupzaWxAlI/AAAAAAAADv0/3fNvDDkf2Ks/s400/blogger+account+2.jpg" border="0" /><span style="font-family:verdana;">ขยายภาพให้เห็นชัดเจน สัญลักษณ์ (แต่สำหรับบางคนที่ยังไม่ได้ใช้ Adsense และ Analytics หมวดสัญลักษณ์ blogger ก็อาจจะอยู่อันดับที่ 1)</span><br /><br /><br /><a href="http://bp3.blogger.com/_jsG6iyIU1vM/SBXqf-b50HI/AAAAAAAABUQ/f_b02a6dymU/s1600-h/แผงควบคุม1.jpg"><img id="BLOGGER_PHOTO_ID_5194315580298612850" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_jsG6iyIU1vM/SBXqf-b50HI/AAAAAAAABUQ/f_b02a6dymU/s400/%E0%B9%81%E0%B8%9C%E0%B8%87%E0%B8%84%E0%B8%A7%E0%B8%9A%E0%B8%84%E0%B8%B8%E0%B8%A11.jpg" border="0" /></a><span style="font-family:verdana;">จะเห็นหน้า "แผงควบคุม" ซึ่งในหน้านี้ ถือว่าเป็นหน้าที่จะแสดงว่า การใช้งาน 1 บัญชี (account)มีจำนวนกี่บล็อก ของผมมี 40 บล็อก ก็จะยาวหน่อย สำหรับเพื่อนๆ ที่พึ่งเริ่มทำ 1 บล็อก ก็จะสั้นเห็นแค่แผงควบคุมเดียวนะครับ อีกเรื่องหนึ่งก็คือ ถ้าใครใช้งานฟังก์ชั้นของเว็บในเครือ Google จะทราบดีว่า Google จะมีการปรับปรุง เปลี่ยนแปลงตลอดเวลา ถ้าเกิดเพื่อนๆ ใช้งาน Blogger ตามคำแนะนำของผมแล้ว เห็นว่าหน้าตา ภาพรวมของภาพไม่ตรงกับที่เห็นของจริง ก็ไม่ต้องตกใจอะไรนะครับ ให้ดูที่หัวข้อ หรือ ความหมายหลักๆ ซึ่งจะคงอยู่เหมือนเดิมครับ</span><br /><span style="font-family:Verdana;"></span><br /><br /><a href="http://bp3.blogger.com/_jsG6iyIU1vM/SBXqA-b50GI/AAAAAAAABUI/6SpwBilbWno/s1600-h/แผงควบคุม1x.jpg"><img id="BLOGGER_PHOTO_ID_5194315047722668130" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_jsG6iyIU1vM/SBXqA-b50GI/AAAAAAAABUI/6SpwBilbWno/s400/%E0%B9%81%E0%B8%9C%E0%B8%87%E0%B8%84%E0%B8%A7%E0%B8%9A%E0%B8%84%E0%B8%B8%E0%B8%A11x.jpg" border="0" /></a><span style="font-family:verdana;"> ดูกันชัดๆ กับ รายละเอียดในแผงควบคุมนะครับ ดังนี้</span><br /><span style="font-family:Verdana;">เมนู "สร้างบล็อก" ถ้ากด จะไปหน้าการสร้างบล็อกใหม่ เหมือนในหัวข้อ <a href="http://bloggerbuild.blogspot.com/2008/04/3.html">สมัครเป็นสมาชิก Blogger.com เว็บไซต์เขียนบล็อกระดับโลก</a> ครับ</span><br /><ul><li><span style="font-family:Verdana;">เมนู "ดูบล็อก" ถ้ากด จะไปสู่หน้าแรกของบล็อกนั้นๆ ครับ</span></li><li><span style="font-family:Verdana;">เมนู "บทความใหม่" ถ้ากด จะไปสู่หน้าการเขียนบทความในบล็อกนั้น</span></li><li><span style="font-family:Verdana;">เมนู "บทความ" หรือ "แก้ไขบทความ" ถ้ากด ก็จะไปสู่หน้าการจัดการบทความทั้งหมดครับ</span></li><li><span style="font-family:Verdana;">เมนู "การตั้งค่า" ถ้ากด ก็จะไปสู่การตั้งค่าภายในบล็อกต่างๆ ซึ่งมีรายละเอียดในการตั้งฟังก์ชั่นการใช้งานต่างๆ ให้เหมาะสมกับบล็อกนั้นๆ ซึ่งเป็นส่วนที่มีรายละเอียดมากพอสมควรครับ</span></li><li><span style="font-family:Verdana;">เมนู "รูปแบบ" ถ้ากด จะเข้าสู่หน้า "เพิ่มและจัดเรียงองค์ประกอบหน้า" ที่มีบทบาทสำคัญามากในการจัดแต่งบล็อกครับ รายละเอียดก็มีมากพอสมควรเช่นกันครับ</span></li></ul><span style="font-family:verdana;">ดังนั้นในหัวข้อบทความนี้คือ การใช้งาน "เพิ่มองค์ประกอบหน้า" ซึ่งเป็นหัวข้อเมนูสุดท้ายกันนะครับ ส่วนเมนูอื่นๆ ผมจะทยอยมานำเสนอเพื่อนๆ ต่อไปครับ</span><br /><span style="font-family:Verdana;"></span><br /><span style="font-family:Verdana;"></span><br /><br /><a href="http://bp0.blogger.com/_jsG6iyIU1vM/SBXp1Ob50FI/AAAAAAAABUA/-IrZ7F-gz4s/s1600-h/à¸&shy;งค์ประกà¸&shy;บหน้า1x.jpg"><img id="BLOGGER_PHOTO_ID_5194314845859205202" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp0.blogger.com/_jsG6iyIU1vM/SBXp1Ob50FI/AAAAAAAABUA/-IrZ7F-gz4s/s400/%E0%B8%AD%E0%B8%87%E0%B8%84%E0%B9%8C%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%AD%E0%B8%9A%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B21x.jpg" border="0" /></a><span style="font-family:verdana;">ที่หน้า "เพิ่มและจัดเรียงองค์ประกอบของหน้า" นั้นมีเมนูสำคัญเยอะเลยครับ ผมจะลองไล่เรียงไปนะครับ Blogger เป็นเว็บที่ให้บริการสมาชิกให้เขียนบล็อกได้ค่อนข้างดี เหมาะกับคนที่ไม่ค่อยมีความรู้เรื่องการเขียนโปรแกรม เช่น ตัวผมเองเป็นต้น ชาตินี้คงทำเว็บไซต์ไม่ได้แน่ๆ แต่เขียนบล็อก ได้ชัวร์ และการออกแบบ ผมฝจะชอบตรงหน้าการจัดการต่างๆ ที่เชื่อมโยงถึงกันได้ดีทีเดียว งั้นลองมาดูเมนูต่างๆ ตามลำดับนะครับ</span><br /><ul><li><span style="font-family:Verdana;">แถวบนสุด ด้านขวา ของพื้นที่สีน้ำเงิน มี 4 เมนู คือ "แผงควบคุม" "บัญชีของฉัน" "ช่วยเหลือ" "ออกจากระบบ" ซึ่งความหมายของเมนู ก็ตรงๆ ครับ เมื่อกดเมนูแผงควบคุม ก็จะย้อนไปที่หน้าเดิมก่อนหน้านี้ กดเมนูบัญชีของฉัน ก็จะกลับไปที่หน้าดังภาพบนสุดของบทความนี้ ส่วนเมนูช่วยเหลือนั้น ก็จะเป็นหน้าคำแนะนำของ Blogger ครับ หรือที่ผมเขียนในบทความนี้ครับ <a href="http://bloggerbuild.blogspot.com/2008/04/4.html">ขอแนะนำเว็บเพจแนะนำของ Blogger เรียก "วิธีใช้ Blogger"</a> สุดท้ายคือเมนูออกจากระบบ ก็ชัดเจนครับ ตรงๆ ความหมายเลยครับ</span></li><li><span style="font-family:Verdana;">ด้านซ้าย แถวบนสุด ยังอยู่ในพื้นที่สีน้ำเงิน มี 4 เมนูเช่นกัน คือ "รส่งบทความ" "กวารตั้งค่า" "รูปแบบ" "ดูบล็อก" ซึ่งหน้านี้ ถือว่าเป็นหน้า "รูปแบบ" ครับ ส่วนเมนูการส่งบทความ และการตั้งค่านั้น ผมจะอธิบายต่อไป เพราะอย่างที่บอกไว้ คือมีรายละเอียดพอสมควรครับ สุดท้าย เมนูดูบล็อกนั้น เมื่อกดจะเป็นหน้าแรกของเว็บบล็อกนั้นๆ ครับ</span></li><li><span style="font-family:Verdana;"></span><span style="font-family:verdana;">แถวต่อมาจะเห็นเมนู คือ "องค์ประกอบหน้า" ซึ่งก็คือหน้านี้ละครับ ส่วนเมนู "แบบอักษรและสี" "แก้ไข HTML" "เลือกแม่แบบใหม่" ผมจะมาขยายความอีกทีนะครับ</span><br /><span style="font-family:verdana;">ด้านขวา เหนือกรอบสีน้ำตาลอ่อน มีเมนูสีฟ้า 2 เมนู คือ "แสดงตัวอย่าง" "ล้างข้อมูลการแก้ไข" ซึ่งก็น่าจะตรงตามชื่อนะครับ แต่ส่วนตัวแล้ว ผมไม่เคยกดใช้งานเลยครับ แต่ผมกลับใช้งานเมนูสีส้มบ่อยที่สุด เมนู " บันทึก" คือกดแล้วแสดงมฝันจะอัพเดทใ สิ่งที่ผมได้มีการเปลี่ยน หรือเพิ่มเติม การตกแต่งบล็อกครับ</span></li><li><span style="font-family:verdana;">แถบสีฟ้าครับ เรียก "แถบนำทาง" หรือ "Navbar" ก็คือแถบบนสุดของบล็อกของเรานั่นแหละครับ กดที่คำว่า "แก้ไข" ก็จะมีให้เราเปลี่ยนทั้งหมด 4 สี คือ สีน้ำเงิน สีแทน สีดำ สีเงิน ครับ ถ้าเพื่อนๆ อยากลองเปลี่ยน ก็กดที่ปุ่มเลือกแถบ และกดคำว่า "บันทึก" ที่เป็นเมนูสีส้มครับ ก็จะเปลียนเป็นแถบสีตามที่เลือกไว้</span></li><li><span style="font-family:Verdana;">ใต้แถบนำทาง ก็จะเห็นแถบสีน้ำตาล ที่เป็นชื่อบล็อกของเรา ถ้ากดเมนู "แก้ไข" ก็จะแสดงกรอบเล็กประมาณครึ่งหน้าจอคอมฯ เขียนว่า "กำหนดส่วนหัว" และจะพบว่าสามารถเปลี่ยนแปลงรายละเอียดตามหัวข้อดังนี้ ชื่อบล็อก, คำอธิบายบล็อก, รูปภาพ ซึ่งเลือกจากคอมฯ หรือจากเว็บก็ได้ครับ สุดท้ายเป็นส่วน การจัดวาง ซึ่งเลิกได้ทั้ง 3 แบบครับ เมื่อเปลี่ยนแปลงเสร็จแล้ว ให้กดเมนูสีส้ม "บันทึก" เหมือนเดิมครับ</span> </li><li><span style="font-family:verdana;">ส่วนพื้นที่ "บทความบล็อก" ข้างในก็มีรายละเอียดอยู่ เดี๋ยวผมจะนำมาขยายความอีกทีนะครับ</span></li><li><span style="font-family:verdana;">เมนู "เพิ่มองค์ประกอบหน้าใหม่" เมื่อกด จะพบกับหน้าต่างที่มีหัวข้อว่า "เลือกองค์ประกอบหน้าใหม่" ซึ่งเป็นส่วนที่จะตกแต่งบล็อกให้น่าใช้งาน เหมาะสมกับกับรใช้งาน และสัมพันธ์กับการออกแบบ จัดวางหมวดหมู่ต่างๆ สามารถนำมาทำเป็นลูกเล่นได้มากมาย ซึ่งผมก็จะได้นำเสนอต่อไปนะครับ เนื่องจากแต่ละแบบก็มีรายละเอียดแตกต่างกัน (เดิมผมเคยคิดจะนำมารวมที่บบทความตอนนี้เลย แต่ตัดสินใจทำแยกดีกว่าครับ เพื่อง่ายต่อการศึกษา และทดลองทำครับ)</span><br /></li></ul><p><span style="font-family:verdana;">ขอบคุณครับ<br /></span><a href="http://preedaroom.blogspot.com/"><span style="font-family:verdana;">ปรีดา ลิ้มนนทกุล </span></a></p><p><a href="http://preedastation.blogspot.com/"><span style="font-family:verdana;">(ผู้ทุพพลภาพมืออาชีพ)</span></a></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-3609609362584499876?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com9tag:blogger.com,1999:blog-1438928495303022325.post-19165395384512112592008-04-25T07:50:00.001-07:002008-04-28T00:20:37.924-07:00<span style="font-family:verdana;"><span style="color:#000099;">สวัสดีครับเพื่อนๆ ก่อนที่ผมจะเริ่มเขียนบทความตามสไตล์ของผม โดยพยายามมีภาพอธิบายประกอบ ซึ่งอาจทำให้เขียนบทความได้ช้าไปสักนิด ประกอบกับผมติดงานส่วนตัวพอสมควร คงจะเขียนบทความไปเรื่อยๆ เพื่อนๆ บางคนอาจจะรอไม่ไหว </span></span><br /><span style="font-family:verdana;"><span style="color:#000099;"></span></span><br /><span style="font-family:verdana;"><span style="color:#000099;">ผมจึงขอนำ "วิธีใช้ Blogger" มาอ่านกันไปพลางๆ ก่อน ผมคิดว่าของเขาก็ดีนะครับ คือเพื่อนๆ โชคดีมากๆ ครับ ที่เขาทำเป็นภาษาไทยหมดแล้ว ตอนสมัยที่ผมศึกษาเองยังเป็นภาษาอังกฤษอยู่</span></span><br /><span style="font-family:verdana;"><span style="color:#000099;"></span></span><br /><span style="font-family:verdana;"><span style="color:#000099;">วิธีใช้ก็ไม่มีอะไรมาก ลองเข้าไปตามเมนูของเขาแต่ละหัวข้อ แต่ละหัวข้อพอเข้าไปแล้ว ก็จะมีหัวข้อย่อยให้ศึกษากันอีกทีครับ อย่างที่บอกครับ อ่านกันไปพลางๆ ก่อนนะครับ </span></span><br /><span style="font-family:verdana;"><span style="font-size:130%;color:#000099;"></span></span><br /><span style="font-family:verdana;"><span style="font-size:130%;color:#000099;">วิธีใช้ Blogger </span><span style="color:#3333ff;"><strong>ค้นหาตามประเภท:</strong></span></span><br /><span style="font-family:verdana;"><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12438"><span style="font-family:verdana;"><strong>จัดการบัญชีของคุณ</strong></span></a><br /></span><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12445"><span style="font-family:verdana;">การเข้าสู่ระบบ</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12446"><span style="font-family:verdana;">ข้อมูลส่วนตัว</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12447"><span style="font-family:verdana;">การตั้งค่า</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12448"><span style="font-family:verdana;">ความเป็นส่วนตัวและความปลอดภัย</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12439"><span style="font-family:verdana;"><strong>ปรับแต่งบล็อกของคุณ</strong></span></a><br /></span><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12449"><span style="font-family:verdana;">เลย์เอาต์</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12450"><span style="font-family:verdana;">แม่แบบคลาสสิก</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12451"><span style="font-family:verdana;">โดเมนที่กำหนดเอง</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12453"><span style="font-family:verdana;">ส่วนเพิ่มเติม</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12440"><span style="font-family:verdana;"><strong>แบ่งปันบล็อกของคุณ</strong></span></a><br /></span><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12454"><span style="font-family:verdana;">บล็อกของทีม ผู้เขียน และผู้อ่าน</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12455"><span style="font-family:verdana;">ฟีดข้อมูลและการจัดส่งเนื้อหา</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12456"><span style="font-family:verdana;">ความคิดเห็นและลิงก์ย้อนกลับ</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12441"><span style="font-family:verdana;"><strong>เผยแพร่และเก็บถาวร</strong></span></a><br /></span><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12457"><span style="font-family:verdana;">บทความและการแก้ไข</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12459"><span style="font-family:verdana;">ป้ายกำกับ</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12460"><span style="font-family:verdana;">การเผยแพร่ทาง FTP</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12442"><span style="font-family:verdana;"><strong>การเขียนบล็อกขณะเดินทาง</strong></span></a><br /></span><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12461"><span style="font-family:verdana;">ส่งอีเมลถึง Blogger</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12462"><span style="font-family:verdana;">Blogger Mobile</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><p><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12443"><span style="font-family:verdana;"><strong>การเขียนบล็อกมัลติมีเดีย</strong></span></a></p><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12464"><span style="font-family:verdana;">วิดีโอ</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12465"><span style="font-family:verdana;">รูปภาพ</span></a><span style="font-family:verdana;"> </span></li></ul><span style="font-family:verdana;"><p><br /></span><a href="http://help.blogger.com/bin/topic.py?topic=12444"><span style="font-family:verdana;"><strong>ข้อกำหนดในการให้บริการ</strong></span></a></p><ul><li><a href="http://help.blogger.com/bin/topic.py?topic=12468"><span style="font-family:verdana;">รายงานการละเมิด</span></a><span style="font-family:verdana;"> </span></li><li><a href="http://help.blogger.com/bin/topic.py?topic=12469"><span style="font-family:verdana;">ความเป็นส่วนตัวและความปลอดภัย</span></a> </li></ul><p>ขอบคุณ Google ที่ทำคำอธิบายภาษาไทยให้พวกเราได้อ่านกัน ส่วนของผมค่อยๆ ติดตามกันนะครับ</p><p>ขอบคุณครับ</p><p><a href="http://preedabuilding.blogspot.com/">ปรีดา ลิ้มนนทกุล</a> (<a href="http://preedastation.blogspot.com/">ผู้ทุพพลภาพมืออาชีพ</a>)</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1438928495303022325-1916539538451211259?l=bloggerbuild.blogspot.com' alt='' /></div>PWDhttp://www.blogger.com/profile/08698954783903938480noreply@blogger.com0tag:blogger.com,1999:blog-1438928495303022325.post-1451488046458516572008-04-25T07:49:00.002-07:002008-04-27T04:13:42.245-07:00<span style="font-family:verdana;">สวัสดีครับเพื่อนๆ</span><span style="font-family:verdana;"> บทความนี้ก็เริ่มเข้าสู่การหน้าแรกของการสมัครเป็นสมาชิก Blogger.com นะครับ (สามารถอ่านการเข้าสู่เว็บไซต์ได้ที่บทความ "<a href="http://bloggerbuild.blogspot.com/2008/04/2.html">3 วิธีเข้าสู่เว็บไซต์สร้างบล็อกระดับโลกของ Blogger </a>")</span><br /><br /><a href="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ6jeb5zpI/AAAAAAAABQY/xyQ0ck-hoYY/s1600-h/blogger+start.jpg"><img id="BLOGGER_PHOTO_ID_5193840651404955282" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ6jeb5zpI/AAAAAAAABQY/xyQ0ck-hoYY/s400/blogger+start.jpg" border="0" /></a><br /><span style="font-family:verdana;">หน้าแรกที่จะต้องสมัครสมาชิก ก็เป็นอย่างที่เห็นข้างบนนี่แหล่ะครับ พร้อมคำอธิบายการสมัครง่ายๆ 3 ขั้นตอน โดยเราสามารถใช้ "อีเมล์" และ "รหัส" ของการเข้าใช้อีเมล์ของ Gmail ได้เลย </span><br /><br /><img id="BLOGGER_PHOTO_ID_5193840930577829538" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_jsG6iyIU1vM/SBQ6zub5zqI/AAAAAAAABQg/m9zBW2DIJw4/s400/blogger+start+zoom.jpg" border="0" /><br /><span style="font-family:verdana;">ผมขยายส่วนที่จะสมัครให้ดูใกล้ๆ มีข้อสังเกตุด้านบนขวาสุดนะครับ จะเห็นช่องให้เลือกภาษา ยังไงก็แนะนำว่าเลือก "ภาษาไทย" ไว้ก่อน จะได้ศึกษาคำสั่งต่างๆ ได้ง่ายขึ้น ดีใจแทนเพื่อนๆ นะครับ เพราะเมื่อก่อนตอนที่ผมศึกษาเอง ภาษาไทยยังไม่มีครับ และผมก็ไม่ค่อยรู้เรื่องอินเตอร์เน็ตสักเท่าไหร่ ก็เลยงมโข่งอยู่ตั้งหลายเดือน </span><br /><p><span style="font-family:Verdana;">ดังนั้นผมจึงมีความตั้งใจว่าจะทำการอธิบายอย่างละเอียด ใครที่พอรู้ หรือรู้อยู่แล้ว และมาอ่านเจอก็ไม่ว่ากันนะครับว่า ทำไมผมถึงเขียนอธิบายซะเหมือนคนไม่รู้เรื่องอ่าน เพราะผมตั้งใจเขียนให้คนที่ไม่ค่อยมีพื้นฐานได้เขียนบล็อกได้จริงๆ ไม่ใช่เหมือนที่ผมไปอบรมมา คือก็เข้าใจว่าวิทยากร เขาเก่ง แต่สอนเหมือนคนฟังเข้าใจอยู่ก่อนแล้ว จึงไม่ค่อยรู้เรื่องเท่าไหร่ ชักยาวไปต่อดีกว่าครับ</span></p><p><span style="font-family:Verdana;"></span></p><br /><a href="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ6aeb5zoI/AAAAAAAABQQ/U1FfFErAdRI/s1600-h/blogger+start+zoom+keyusernamepassword.jpg"><img id="BLOGGER_PHOTO_ID_5193840496786132610" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ6aeb5zoI/AAAAAAAABQQ/U1FfFErAdRI/s400/blogger+start+zoom+keyusernamepassword.jpg" border="0" /></a><br /><span style="font-family:verdana;">เพื่อนๆ ก็ใส่อีเมล์ และรหัส ไปในช่องข้างบน แล้วกดเมนู "ลงชื่อเข้าใช้งาน" เลยก็จะไปสู่หน้าการสร้างบล๊อกได้เลยครับ</span><br /><br /><div><a href="http://bp3.blogger.com/_jsG6iyIU1vM/SBQ6MOb5znI/AAAAAAAABQI/3A-hLpMWwIE/s1600-h/blogger+start+account.jpg"><img id="BLOGGER_PHOTO_ID_5193840251972996722" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_jsG6iyIU1vM/SBQ6MOb5znI/AAAAAAAABQI/3A-hLpMWwIE/s400/blogger+start+account.jpg" border="0" /></a><br /><span style="font-family:verdana;">หน้าตาของขั้นตอน (step) ที่ 2 ก็เป็นการตั้งชื่อเว็บบล็อก และตั้งชื่อ URL หรือคล้ายโดเมนเนม ตรงนี้ผมขอแนะนำว่า การตั้งชื่อเว็บบล็อก ไม่ต้องไปซีเรียส สามารถเปลี่ยนได้ แต่ที่ซีเรียสคือ การตั้งชื่อ URL หรือ sub domain name นี่แหล่ะครับ เพราะมันแก้ไขไม่ได้ ตั้งแล้วตั้งเลย (ยกเว้นแต่จะลบบล็อกทิ้งเลย)<br /></span><br /><div><a href="http://bp3.blogger.com/_jsG6iyIU1vM/SBQ52Ob5zmI/AAAAAAAABQA/IgNBRQDye5s/s1600-h/blogger+ตั้งชื่à¸&shy;บัญชี.jpg"><img id="BLOGGER_PHOTO_ID_5193839874015874658" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_jsG6iyIU1vM/SBQ52Ob5zmI/AAAAAAAABQA/IgNBRQDye5s/s400/blogger+%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B8%8A%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%9A%E0%B8%B1%E0%B8%8D%E0%B8%8A%E0%B8%B5.jpg" border="0" /></a><br /><span style="font-family:verdana;">พอดีผมตั้งใจว่าจะเขียนบทความอีกแนว เกี่ยวกับความรู้ด้านเทคโนโลยี หรือวิทยาศาสตร์พอดี แต่คงสไตล์เดิมนะครับ คืออธิบายให้เข้าใจง่ายๆ จึงตั้งชื่อว่า "a little of technology" และตั้งชื่อ sub domain name ว่า "alittleoftechnology" และได้ URL เป็น " <a href="http://alittleoftechnology.blogspot.com/">http://alittleoftechnology.blogspot.com/</a> " ครับ ส่วนของเพื่อนๆ ก็ลองตั้งกันดู ถ้าให้ง่ายๆ บล็อกแรกที่ผมสร้างชื่อ preeda station ครับ มี URL คือ " <a href="http://preedastation.blogspot.com/">http://preedastation.blogspot.com/</a> " งั้นเราไปที่ขั้นตอนสุดท้ายเลยครับ</span><br /><br /><div><a href="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ5o-b5zlI/AAAAAAAABP4/s29ZU7VAtwA/s1600-h/blogger+เลืà¸&shy;กแม่แบบ.jpg"><img id="BLOGGER_PHOTO_ID_5193839646382607954" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ5o-b5zlI/AAAAAAAABP4/s29ZU7VAtwA/s400/blogger+%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%A1%E0%B9%88%E0%B9%81%E0%B8%9A%E0%B8%9A.jpg" border="0" /></a><br /><span style="font-family:verdana;">หน้าเว็บเพจสุดท้าย หรือขั้นตอนสุดท้ายของการสร้างบล็อก คือ การเลือก "แม่แบบ" หรือ "theme" หรือ รูปแบบ-หน้าตา ของเว็บบล็อกของเราเอง ซึ่งผมก็ขอแนะนำว่า เลือกๆ ไปก่อนเถอะครับ มันไม่ได้สำคัญอะไรครับ เพราะสามารถเปลี่ยนแปลงได้ตลอดเวลา ในบทความที่เกี่ยวข้องตอนแนะนำเมนูต่างๆ จะอธิบายให้อีกทีครับ จากนั้นก็กด "ลูกศร-ดำเนินการต่อ" ได้เลยครับ</span><span style="font-family:verdana;"> </span><br /></div><div><div><a href="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ5Yeb5zkI/AAAAAAAABPw/7p3cFy4ORTg/s1600-h/blogger+สร้างเสร็จแล้ว.jpg"><img id="BLOGGER_PHOTO_ID_5193839362914766402" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp0.blogger.com/_jsG6iyIU1vM/SBQ5Yeb5zkI/AAAAAAAABPw/7p3cFy4ORTg/s400/blogger+%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%AA%E0%B8%A3%E0%B9%87%E0%B8%88%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7.jpg" border="0" /></a><br /><span style="font-family:verdana;">จะพบหน้าเว็บเพจ "บล็อกของคุณถูกสร้างเสร็จแล้ว" จากนั้นกดปุ่มลูกศร "เริ่มต้นการเขียนบล็อก" ได้เลยครับ เพื่อเริ่มเขียนบล็อก</span></div><div><span style="font-family:verdana;"><br /></span><div><div><div><a href="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ30-b5zhI/AAAAAAAABPY/ZagkBOqgdrs/s1600-h/blogger+สร้างบทความแรก(บังคับ).jpg"><img id="BLOGGER_PHOTO_ID_5193837653517782546" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ30-b5zhI/AAAAAAAABPY/ZagkBOqgdrs/s400/blogger+%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%A3%E0%B8%81(%E0%B8%9A%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B1%E0%B8%9A).jpg" border="0" /></a></div><div> </div><div><span style="font-family:verdana;">เมื่อมาถึงขั้นตอนนี้ ถ้าเพื่อนๆ ยังไม่รู้จะเขียนอะไร ก็ให้มั่วๆ แบบผมไปก่อนนะครับ เช่นคีย์เลยเปก่อน<br /></span><br /><div><a href="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ3t-b5zgI/AAAAAAAABPQ/WZMTNsX8w4s/s1600-h/blogger+ลà¸&shy;งบันทึกบทความ.jpg"><img id="BLOGGER_PHOTO_ID_5193837533258698242" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_jsG6iyIU1vM/SBQ3t-b5zgI/AAAAAAAABPQ/WZMTNsX8w4s/s400/blogger+%E0%B8%A5%E0%B8%AD%E0%B8%87%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1.jpg" border="0" /></a><span style="font-family:verdana;"><br />ผมจึงคีย์เลข 1111111111 เข้าไปที่ "ชื่อเรื่อง" "พื้นที่ให้เขียนบทความ" และใน "ป้ายกำกับ" เพื่อเป็นการทดสอบ แต่ถ้าเพื่อนๆ มีบทความเตรียมไว้อยู่แล้ว ก็ใส่ได้เลยพร้อมตั้งชื่อเรื่องด้วย ส่วนป้ายกำกับควรใส่ "คำสำคัญ" ให้สอดคล้องกับบทความที่เขียน และควรจะมีคำสำคัญหลัก" อยู่ด้วย เช่น</span></div><div><span style="font-family:Verdana;"></span> </div><div><span style="font-family:Verdana;">ถ้าเป็นของผม ที่เขียนเรื่องอาการเจ็บป่วยที่เป็นผู้ทุพพลภาพ ( <a href="http://preedastation.blogspot.com/">http://preedastation.blogspot.com</a> ) ผมจะมีคำสำคัญหลัก ที่เขียนลงใน "ป้ายกำกับ" ว่า "ปรีดา ลิ้มนนทกุล" "ผู้ทุพพลภาพ" ผู้พิการรุนแรง" "ลิ้มนนทกุล" "preeda station" เป็นต้น ส่วนคำสำคัญที่เพิ่มเติม ก็ขึ้นอยู่กับว่า ผมเขียนบทความเรื่องอะไร ถ้าเชียนเรื่อง แผลกดทับต้องดูแลอย่างไร ก็ควรใส่คำว่า "แผลกดทับ" ไปด้วย เป็นต้น</span></div><span style="font-family:Verdana;"></span><div><br /></div><img id="BLOGGER_PHOTO_ID_5193838164618890786" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_jsG6iyIU1vM/SBQ4Sub5ziI/AAAAAAAABPg/c5YePvkZ7b0/s400/blogger+%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B8%AA%E0%B8%A1%E0%B8%9A%E0%B8%B9%E0%B8%A3%E0%B8%93%E0%B9%8C.jpg" border="0" /><br /><span style="font-family:verdana;">เมื่อกดเมนูสีส้มที่เขียนว่า "เผยแพร่บทความ" จะเห็นหน้าเว็บเพจนี้ก่อนครับ "เผยแพร่บทความบล็อกของคุณเสร็จสมบูรณ์" จากนั้นควรกดเมนู "ดูบล็อก" ก็จะเห็นหน้าเว็บบล็อกของเรา ซึ่งก็มีรปแบบหน้าตาที่เลือกๆ ไปก่อนหน้านี้ ที่ผมแนะนำว่าเดี๋ยวเปลี่ยนทีหลังได้ครับ ก่อนจะไปดูหน้าเว็บบล็อกที่เสร็จแล้ว ขอแนะนำอีก 2 เมนูนะครับ คือ</span></div><div> </div><div><span style="font-family:Verdana;">เมนู "แก้ไขบทความ" ถ้าเรากดเมนูนี้ จะไปสู่บท�