เทคนิคการเขียน Blog ใน Blogger.com

เทคนิคการเขียน Blog ใน Blogger.com

รูปแบบที่ 1 ทำเป็นเว็บหน้าเดียว (รูปแบบเก่า) คล้าย landing page หรือเว็บหน้าเดียว ที่ดูแล้วมีทุกอย่างในหน้าเดียว ตัวอย่าง ศาลาแก้วกู่ น้ำตกทีลอซู @...ทำความเข้าใจ blog ในรูปแบบนี้ เราไม่ต้องเขียนอะไรลงใน blog แม่แบบต่างๆก็ไม่ต้องใส่ใจ เลือกอะไรไปก่อน ก็ได้ เพราะรูปแบบ จะเป็น เว็บไซต์ หน้าเดียวที่เราเขียนขึ้นมา...เราต้องเขียนเว็บไซต์ เป็นเว็บไซต์หน้าเดียว นามสกุล .html หรือ .htm ในคอมพิวเตอร์ของเราก่อนเดี๋ยวนี้ มีโปรแกรมทำเว็บไซต์มากมายนะครับ ..โปรแกรมเขียน โฮมเพจที่แจกฟรี http://net2.com/nvu/download.html ข้างล่าง จะมีให้เลือกโหลดไฟล์นะครับ จะเลือกเป็นแบบ .exe ก็ได้ หรือ แบบ .zip แล้วค่อยเอามาแตกไฟล์ .zip ก็ได้ สำหรับวิธีการเขียนเว็บไซต์ ดูได้ที่ http://www.makemoney-school.com/makemoney-makewebsite.htmlกลับมาเรื่องการเขียน Blog......ท่านคงสงสัยว่า ไฟล์หน้าเดียวแล้วภาพล่ะ จะเอาเข้า blog ยังงัย...มี 2 วิธีสำหรับภาพ คือ1. นำภาพทั้งหมดที่เป็นส่วนประกอบใน เว็บหน้าเดียวหน้านั้น อัพเข้า blog ก่อนหรือ 2.นำภาพทั้งหมดที่เป็นส่วนประกอบใน เว็บหน้าเดียวนั้น อัพเข้าเว็บฝากภาพ ตัวอย่างเช่น www.imageshack.us www.photobucket.com เป็นต้น..ทั้ง 2 วิธีนี้ เลือกเอาครับ วิธีไหนก็ได้สำหรับการเอาภาพเข้าไปใน blog ทำได้โดย มาที่ รูปแบบ แล้วมาที่ องค์ประกอบของหน้า มาที่ เพิ่ม Gadget

ควรมาที่ Gadget ล่างสุด จะได้เป็นพื้นที่ที่กว้างเต็มที่ เลือก Gadget รูปภาพ แล้วคลิกเครื่องหมาย บวก + เพื่อเลือกรูปแบบ รูปภาพ เข้ามาใน blog

... หัวข้อ คำอธิบาย ลิงก์ ไม่ต้องใส่อะไรครับ ... รูปภาพ จากคอมพิวเตอร์ของคุณ มีให้คลิก Browse เลือกภาพจากในคอมพ์ของเรา... เอา เครื่องหมายที่ ลดขนาดให้พอดี ออกไป... แล้วกด บันทึก เพื่อเป็นการอัพภาพเข้า blog...มาดูตัวอย่างภาพที่อัพเข้า blog ครับ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQaVaBkLhpolWfBlJFhnC8xMajavMw197IfenVmb00o_TTWi9VNumVzUxbRyq8IHettk5NNA8UuukN99hJtzrsn4rQWxHxfB2_6khRBcAzB8pNupDVJbwl_6zKX224oQ-GEmzad7e2DIS/s1600/buddha-002.jpg...แล้วเราจะรู้ url ของภาพ ได้งัย ???...กลับมาที่การ up ภาพครับ หลังจากกด บันทึกแล้ว ให้โหลดดู blog ดูภาพที่เราพึ่งอัพเข้าไป คลิกขวาที่ภาพนั้นๆ เลือก Properties

...มาดูตัวอย่างภาพที่อัพเข้า blog ครับ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQaVaBkLhpolWfBlJFhnC8xMajavMw197IfenVmb00o_TTWi9VNumVzUxbRyq8IHettk5NNA8UuukN99hJtzrsn4rQWxHxfB2_6khRBcAzB8pNupDVJbwl_6zKX224oQ-GEmzad7e2DIS/s1600/buddha-002.jpg...แล้วเราจะรู้ url ของภาพ ได้งัย ???...กลับมาที่การ up ภาพครับ หลังจากกด บันทึกแล้ว ให้โหลดดู blog ดูภาพที่เราพึ่งอัพเข้าไป คลิกขวาที่ภาพนั้นๆ เลือก Properties

ใช้เม้าส์ copy url นั้นไว้ นำ url นั้น มาใส่ ในส่วนของ รูปภาพนั้นๆ ในไฟล์ เว็บหน้าเดียวที่เราเขียนขึ้น...ประมาณว่า เว็บที่เราเขียนขึ้นนั้น ในส่วนของภาพ ส่วนใหญ่ ถ้าไฟล์อยู่ในเครื่อง จะอยู่ห้องไฟล์ที่ชื่อ images ในการเขียนเว็บไซต์ รูปภาพต่างๆ ก็จะเรียกไปที่ images/รูปภาพนั้น.jpg...แต่เราเปลี่ยนการเรียกภาพนั้น ไปที่ url ของภาพที่เรา up เข้าเน็ตไปแล้วแทน...ภาพทุกภาพในเว็บหน้าเดียว ต้องทำขั้นตอนนี้ทั้งหมดทุกภาพนะครับ โดยอัพทีละภาพ...เมื่อนำ url ของทุกภาพมาใส่ในเว็บหน้าเดียวนั้นแล้ว เวลาเราเปิดเว็บหน้าเดียวนั้น ในเครื่องคอมพ์ ส่วนที่เป็นภาพ จะไม่แสดงภาพนะครับจนกว่าเราจะ up ไฟล์ .html เว็บหน้าเดียวนั้น เข้าเน็ต...มาดูการ up ไฟล์ เว็บหน้าเดียวเข้า blog ครับหลังจาก login เข้า blogger.com แล้วมาที่เมนู รูปแบบ...แก้ไข HTML

ดูที่ล่างๆครับ เลือกที่หัวข้อ เปลี่ยนกลับเป็นแม่แบบดั้งเดิมในช่องแก้ไข html เอาออกให้หมดครับ

หลังจากเอาออกแล้ว

...ค้างไว้ก่อนครับ คราวนี้ เป็นขั้นตอนการเอาไฟล์ .html หรือเว็บหน้าเดียวของเรา มาลงใน blog ครับเปิดโปรแกรม notepad ขึ้นมา ถ้าเปิดไม่เป็นการมาที่ Start ที่มุมล่างซ้ายของคอมพิวเตอร์ แล้วมาที่ Run... แล้วพิมพ์คำว่า notepad แล้ว OK

อย่าลืมเวลาเลือกเปิดไฟล์ ให้เปลี่ยนด้านล่างของโปรแกรม notepad ให้เป็น Files of type เป็น All Files ด้วย เพราะปกติ โปรแกรม notepad จะเซ็ตให้มองเห็นแค่ไฟล์ .txt เราจึงต้องเปลี่ยนให้มองเห็นไฟล์ทั้งหมด เราจะได้เห็นไฟล์ html หรือเว็บหน้าเดียวนั้น ด้วย

ใช้เม้าส์ คลิกซ้ายลาก ให้คลุมทั้งหมด (จะเห็นภาษา html ของเว็บหน้าเดียว) แล้วคลิกขวาเม้าส์ เพื่อ Copy ข้อความภาษา html ทั้งหมดมาใช้เม้าส์ คลิกซ้ายลาก ให้คลุมทั้งหมด (จะเห็นภาษา html ของเว็บหน้าเดียว) แล้วคลิกขวาเม้าส์ เพื่อ Copy ข้อความภาษา html ทั้งหมดมา

แล้วนำที่ Copy ไปวาง(Paste) ไว้ใน ช่ิอง แก้ไข html ใน blog

...จะได้เป็น ดังภาพล่าง แล้ว คลิกกด บันทึกการเปลี่ยนแปลงแม่แบบ

เป็นอันเสร็จครับ จากนั้น ก็โหลด blog ดูครับ จะเห็นเว็บหน้าเดียวในรูปแบบของ blog ครับ