✣ จัดให้เป็นที่เป็นทางเสียที ✣ ✣ การสร้าง Blog ปัญหาที่เจ้าของบล๊อกมักได้ยินเสมอ ก็คือ "Script, โค้ดอันนี้ควรไว้ตรงไหน?" อาจจะเป็นเพราะทาง Bloggang ได้สร้างช่องทางให้เราไว้หลายช่องทาง จึงทำให้หลายๆ ท่านเกิดความสับสนว่าจะใส่อะไร? ไว้ตรงส่วนไหน? ถึงจะดีที่สุด เจ้าของบล๊อกใช้หลักความจำแบบง่ายๆ ว่า
✣ สิ่งใดๆ ที่นำมาไว้ใน Profile, Slogan หรือScript Area จะแสดงผลทั้ง Blog "ห้ามใส่ Script และ StyleSheet ทุกชนิดในช่อง Profile, Slogan โดยเด็ดขาด"
✣ สิ่งใดๆ ที่นำมาไว้ในช่องรายละเอียดเขียน Blog จะแสดงผลเฉพาะ BlogPage นั้น "ห้ามใส่ Script และ StyleSheet ทุกชนิดในช่องรายละเอียดเขียน Blog โดยเด็ดขาด"
❝ รายละเอียดการจัดเก็บในส่วน Script Area ดูได้จาก ที่นี่..! ❞
✣ ที่ไม่ควรมองข้าม ✣ ✣ ย่อมาจากคำว่า Non Breaking Space เป็นสัญลักษณ์ใช้แทนการเว้นวรรคระหว่างข้อความ โดยหนึ่งชุด ( ) จะแทนค่าการเว้นวรรคหนึ่งตัวอักษร (เท่ากับการเคาะ Spacebar 1 ครั้ง) เหมาะสำหรับข้อความที่ต้องการเว้นวรรคมากกว่า 1 ตัวอักษร เช่น การขี้นย่อหน้า เป็นต้น
(จัดชิดซ้าย) ข้อความตัวอย่างใส่ ที่ด้านหน้า 5 ชุด (จัดชิดซ้าย) ข้อความตัวอย่างใส่ ที่ด้านหน้า 8 ชุด (จัดชิดซ้าย) ข้อความตัวอย่างใส่ ที่ด้านหน้า 10 ชุด
ข้อความตัวอย่างใส่ ที่ด้านหลัง 10 ชุด (จัดชิดขวา) ข้อความตัวอย่างใส่ ที่ด้านหลัง 8 ชุด (จัดชิดขวา) ข้อความตัวอย่างใส่ ที่ด้านหลัง 5 ชุด (จัดชิดขวา)
✣ ช่วยสร้างบรรยากาศให้การอ่าน Blog คล้ายคลึงกับการอ่านหนังสือเลยทีเดียว แต่หากจะพูดถึงข้อด้อยก็พอมีอยู่บ้างนั่นคือ หากบทความที่นำมาเสนอนั้นมีการจัดย่อหน้าเป็นจำนวนมากๆ เช่น โคลง-ฉันท์-กาพย์-กลอน ฯลฯ ก็คงสร้างความปวดหัวให้กับท่านไม่ใช่น้อยทีเดียว เพราะจำนวน ที่มากมายเหลือคณานับนั่นเอง
✣ มาสร้าง แบบสำเร็จรูปใช้กันดีกว่า ✣ ไม่มีมนุษย์คนใด ไม่ต้องการความช่วยเหลือ ดอกบัวยังต้องอาศัยใบบัวค้ำชู รั้วแถบหนึ่ง มีเสาค้ำอย่างน้อยสามต้น คนเก่งคนหนึ่งต้องมีคนช่วยอย่างน้อยสามคนเหมา เจ๋อ ตุง
จงมองไปข้างหน้า เพื่อก่อความหวัง จงมองไปข้างหลัง เพื่อแก้ความผิด ถ้าไม่มีความหวัง ก็เหมือนคนสิ้นคิด ถ้าไม่มีความผิด ก็เหมือนไม่ใช่คนนโปเลียน
สูงส่งแต่ไม่เย่อหยิ่ง ชนะแล้วไม่ลำพอง ปราดเปรื่องแต่รู้จักลงเวที เข้มแข็งแต่มีความอดกลั้นขงเบ้ง
✣ จากตัวอย่างข้างต้น เจ้าของบล๊อกได้นำ แบบสำเร็จรูปเข้ามาช่วยในการจัดข้อความ นอกจากจะช่วยให้รวดเร็วในการทำงานแล้ว ยังสามารถตรวจสอบความผิดพลาดได้ง่ายกว่าการใช้ แบบธรรมดาอีกด้วย "ถ้าท่านมีจุดที่จะใช้ ไม่มากนัก แนะนำให้ใช้แบบธรรมดาจะสะดวกกว่าจ้ะ"
✣ แบบสำเร็จรูปคืออะไร? นั่นก็คือ ไฟล์ภาพโปร่งใส (GIF ) รูปสี่เหลี่ยมผืนผ้าขนาดเล็กที่สร้างขึ้นนั่นเอง นำมาวางในตำแหน่งที่ต้องการให้มีการจัดระยะช่องว่าง (ให้ท่านนึกภาพเวลาที่ท่านใส่ข้อความกับรูปภาพติดกันไป)
✣ ถ้ายังนึกไม่ออกก็ขอให้ลองดูที่ภาพข้างล่างนี้ก่อน
✣ แถบสีที่เห็นนั่นล่ะ คือ แบบสำเร็จรูป เป็นการประยุกต์ใช้วัสดุแบบง่ายๆ ก็สามารถทำให้ Blog ของท่านดูดีขึ้นได้ ขั้นตอนการทำก็ไม่ยุ่งยาก (ทำแล้วก็เก็บไว้ใช้ได้ตลอดไป) ขอแค่มีความสามารถเปิดโปรแกรม Photoshop หรือโปรแกรมในลักษณะเดียวกันนี้ได้ ก็สามารถจะมี แบบสำเร็จรูปไว้ใช้เองได้ทันที "ในการใช้งานอาจทำขนาดเดียวหรือหลายขนาดไว้ก็ได้ แล้วนำมาใช้ร่วมกัน (ต่อกัน)"
✣ เริ่มจากเปิดโปรแกรม Photoshop ตามภาพ
✣ ที่เมนูเลือก File>New (Ctrl+N) จะปรากฏหน้าต่างข้อความดังภาพ
✣ ป้อนค่าขนาด Width, Height ตามความพอใจ (Height ไม่ควรสูงกว่า 10 pixels) กำหนดค่าใน Background Contents : Transparent แล้วคลิ๊ก OK
✣ สังเกตุที่ไฟล์ภาพว่าขนาด Width, Height ใกล้เคียงกับที่ตั้งใจไว้หรือไม่ ถ้าไม่ ให้กลับไปเริ่มขั้นตอนใหม่จนกว่าจะได้ขนาดที่พอเหมาะกับการใช้งาน จากนั้นที่เมนูเลือก File>Save As... (Shift+Ctrl+S) จะปรากฏหน้าต่างดังภาพ
✣ กำหนดค่าในช่อง Format : เป็น CompuServe GIF(*.GIF) แล้วคลิ๊ก Save จะปรากฏหน้าต่างดังภาพข้างล่างนี้
✣ คลิ๊ก OK จะปรากฏข้อความดังภาพข้างล่าง คลิ๊ก OK อีกครั้งเป็นอันเสร็จเรียบร้อย
✣ จากนั้นก็นำไฟล์ขึ้น Upload เพื่อใช้งานต่อไป
✣ ก่อนจากกันมีแถมท้าย ✣
การเขียนรายละเอียดของ Script หรือโค้ดบนหน้า Blog โดยไม่ให้แสดงผล
ให้แทนเครื่องหมาย
ตัวอย่างเช่น.-
< style>body{background-image:url("//img001.jpg");}< /style>
ให้เขียนดังนี้
< style>body{background-image:url("//img001.jpg");}< /style>
ในการเขียน Blog บางครั้งจำเป็นต้องทำสำเนาไว้เพื่อจุดประสงค์ใดๆ ก็ตาม ถ้าในรายละเอียดของ Blog ประกอบด้วยสัญลักษณ์พิเศษเช่น ✣, ❤, ❒ ฯลฯ เวลา Save ควรเลือก Encoding : เป็น Unicode
เพลงก็เพราะ
ปล. รูปใน comment รูปใครอ่า จขบ ป่ะ