paphadablog

หากเราต้องการให้บทความในบล็อกของเราแสดงเนื้อหาสั้น ๆ ในหน้าแรก เพื่อน ๆ คงเคยเห็นบางบล็อก แสดงคำว่า read more ของบทความนั้น ๆ การที่จะใส่ read more ได้นั้น เราจำเป็นต้องเข้าไปแก้โค๊ดตรงส่วนของ HTML ซึ่งก็ต้องระมัดระวังกันสักหน่อย เพราะหากผิดพลาดไป theme หรือ template ของเราอาจจะเกิดการเสียหายได้ แต่ก็มีิวิธีป้องกันและกลับมาใช้ theme เดิมของเราได้ งั้นเรามาเริ่มกันเลยดีกว่า...

1. หลังจากที่เรา Log in เพื่อเข้าไปใช้งานบล็อก ให้คลิ๊กที่ รูปแบบ (Layout) และคลิ๊กที่ แก้ไข HTML (Edit HTML)

2. เมื่อเข้ามาสู่ หน้าที่เราสามารถทำการแก้ไข HTML ให้ทำการ save ตรงข้อความ "ก่อนที่จะแก้ไขแม่แบบของคุณ คุณอาจต้องบันทึกสำเนาไว้" ให้เรา กด ดาวน์โหลดแม่แบบฉบับเดิม (Download Full Template) แค่นี้เราก็เก็บแม่แบบเดิมเอาไว้ได้แล้ว เพื่อเป็นการป้องกัน theme หรือ template เสียหาย ดังแสดงในรูป

3. เมื่อโหลดเสร็จแล้วให้ คลิ๊กที่ ขยายแม่แบบเครื่องมือ (Expand Widget Templates) เพื่อทำการขยาย template ดังแสดงในรูปข้างบน
4. หลังจากนั้น ให้กด Ctrl+F พร้อมกัน ระบบจะเรียกช่องเล็กๆ ขึ้นมา เพื่อให้เราค้นหาตำแหน่งที่เราต้องการจะใส่โค๊ด /head ให้เราใส่ ลงไปในช่องเล็กๆ นั้น (โค๊ดก่อน /head บาง template โค๊ดชื่อ /script หรือ อาจเป็นโค๊ดชื่อ /b:skin) ดังแสดงในรูป


5. ให้ใส่ ข้อความข้างล่างนี้ เหนือ /head

*style>
*b:if cond='data:blog.pageType =="item"> (ตรง item ให้พิมพ์ข้อความเหมือนรูปที่แสดงข้างล่าง)
span.fullpost {display:inline;}
*b:else/>
span.fullpost {display:none;}
*/b:if>
*/style>
หมายเหตุ เครื่องหมาย * แทน เครื่องหมาย < (ถ้าเพื่อน ๆ ใส่ในโค๊ด html ให้ใส่ < แทน * ) ดังแสดงในรูป
6. ให้กด Ctrl+F พร้อมกัน จะมีช่องให้ค้นหา โดยหาคำว่า *data:post.body/> (มันอาจจะหายากสักนิดพยายามหาให้เจอ)
หมายเหตุ บาง template อาจ ขึ้นต้นด้วย *div class='post-body entry-content'

ใส่ข้อความข้างล่างนี้

*b:if cond='data:blog.pageType != "item"'>
*a expr:href='data:post.url' target='_blank'>Read more!*/a>
*/b:if>
ดังแสดงในรูป

หมายเหตุ เครื่องหมาย * แทน เครื่องหมาย < (ถ้าเพื่อน ๆ ใส่ในโค๊ด html ให้ใส่ < แทน * )

7. ไปที่ การตั้งค่า => การจัดรูปแบบ (Setting => Formatting) เลื่อนลงมาล่างสุดจะเห็น แม่แบบบทความ (Post Template) ให้พิมพ์ข้อความข้างล่างนี่ใส่เข้าไปแล้วเซฟค่ะ

*span class="fullpost">

*/span>
ดังรูป
เมื่อ ทำการเซฟเรียบร้อยแล้ว การจัดรูปแบบดังกล่าวก็จะถูกบันทึกไว้ เมื่อไหร่ก็ตามที่เราพิมพ์เนื้อหา ให้เราคลิ๊กมาที่ แก้ไข Html เราถึงจะเห็น โค๊ดที่ว่านี้


โดยใส่ข้อความเริ่มต้นเหนือ *span class="fullpost">
แล้วใส่เนื้อหาที่เหลือเหนือ */span>

ยกตัวอย่าง หากเราต้องการให้บทความในบล็อกของเราแสดงเนื้อหาสั้น ๆ ในหน้าแรก เพื่อน ๆ คงเคยเห็นบางบล็อก แสดงคำว่า read more หรืออ่านต่อ ตรงมุมล่างขวาของบทความนั้น ๆ *span class="fullpost"> การที่เราจะมี read more ได้นั้น เราจำเป็นต้องเข้าไปแก้โค๊ดตรงส่วนของ HTML ซึ่งก็ต้องระมัดระวังกันสักหน่อย เพราะหากผิดพลาดไป theme หรือ templateง ของอาจจะเกิดการเสียหายได้ แต่ก็มีิวิธีป้องกันให้และกลับมาใช้ theme เดิมของเราได้ งั้นเรามาเริ่มกันเลยดีกว่า...(พิมพ์จนกว่าจะจบเนื้อหา) */span>

เป็นอันว่าจบขั้นตอนเพียงเท่านี้ หวังว่าคงทำได้กันนะค่ะ ถ้าไม่เข้าใจก็ถามมาได้ค่ะ

จากการไปเยี่ยมชม blog ต่าง ๆ ทำไม บล็อกเค้าสวยกันจัง อยากเปลี่ยน Template blogger บ้าง หลังจากนั้นก็ search หาวิธีเปลี่ยน Template blogger ได้ความรู้มาเยอะแต่ก็ยังไม่ค่อยเข้าใจ ด้วยความที่เป็นมือใหม่ กว่าจะรู้วิธีทำยากอยู่เหมือนกัน เพราะ Template ของ blogger มีทั้งแบบเก่า และแบบใหม่ อย่างไงนะหรือ คือ ระบบ Template ของ Blogger จะมีอยู่ 2 แบบ

1. แบบใหม่ - ระบบ Template จะเป็นลักษณะแบบ layout
ถ้าเป็นแบบใหม่จะขึ้นต้นด้วย xml
โค๊ด: ?xml version="1.0" encoding="UTF-8" ?

2. แบบเก่า - ระบบ Template จะเป็นลักษณะแบบ html ซึ่งต้องเปลี่ยนแปลงแก้ไขเอง (ยากสำหรับคนที่ไม่รู้เรื่อง html)
ถ้าเป็นแบบเก่าจะขึ้นต้นด้วย doctype
โค๊ด: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"



ดังนั้นเราต้องดูก่อนว่า Template ที่เราใช้อยู่ตอนนี้เป็น Template ระบบแบบเก่า หรือระบบแบบใหม่ เมื่อเข้าใจตามนี้แล้วก็ลงมือเริ่มปฎิบัติการเปลี่ยน Template Blogger กันเลยดีกว่า

1. ในที่นี้ขออธิบายถึงระบบแบบใหม่ (ขึ้นต้นโค๊ดด้วย xml)
2. เริ่มต้นด้วยการ download template มาเก็บไว้ในเครื่องของเรา โดยสามารถ search หา จาก google ด้วยคำว่า free blogger templates
3. เมื่อผลจากการ search ปรากฏขึ้นมาแล้ว จะเห็นว่ามีเว็บ free template มาให้เราเลือกมากมาย (ขอแนะนำ http://btemplates.com) ก็เลือกเอาตามใจชอบ ได้แบบที่ชอบแล้วก็จัดการ download เลย ซึ่งไฟล์ template ที่ได้มาจะเป็นฟอร์แมท xml (สำหรับคนที่ไม่ถนัด html แนะนำว่าควรจะเป็นแบบระบบใหม่ เพราะว่าเป็นแบบ layout จัดการแก้ไขง่าย)
4. จาก เมนูของ blogger ให้เราเข้า รูปแบบ->แก้ไข้ HTML ให้เราทำการเก็บแม่แบบของเราบันทึกสำเนาไว้ ดาวน์โหลดแม่แบบฉบับเต็ม เดิมลงคอมพิวเตอร์เรา เผื่อผิดพลาดเอาไว้ก่อน โดยคลิ๊ก ดาวน์โหลดแม่แบบฉบับเต็ม
5. มาถึงขั้นตอนสำคัญ จากเมนูเดิม แก้ไข HTML ทำการ อัปโหลดแม่แบบจากไฟล์ในฮาร์ดไดรฟ์ของคุณ:............. กดปุ่ม Browse แล้วให้เลือกไฟล์ xml ที่ได้จากขั้นตอนที่ 3 (แตก zip ให้เรียบร้อย แล้วเอาเฉพาะไฟล์ที่ลงท้ายด้วย .xml) มาใส่ ทำการคลิ๊กเมาท์ อัปโหลดไฟล์ขึ้นไป จะมีข้อความขึ้นมาว่ามีข้อมูลบางอย่างที่เคยทำไว้หายไป ก็ไม่ต้องสนใจ กดตกลง แค่นี้ก็เสร็จแล้วค่ะ คงไม่ยากเกินไปนะค่ะ แต่ถ้ายังงง ๆ ก็ค่อย ๆ อ่าน ค่อย ๆ ทำค่ะ

6. ตอนนี้ก็มาถึงเวลาที่จะได้เห็นผลงานของตัวเองซะที ให้กดดูที่ แสดงตัวอย่างก่อน เพื่อดูว่าได้ผลงานออกมาอย่างที่เราต้องการหรือเปล่า ถ้าออกมาได้ดังใจต้องการ ก็ถือว่าสำเร็จแล้ว (ถ้าไม่ชอบใจก็ไป download มาใหม่) ถ้าชอบ templat ที่ load มา ก็กดบันทึกแม่แบบ ให้เลือก กด ดูบล็อก จากแถบสีเหลืองที่ blogger แต่ถ้าผิดพลาด มันแสดงผล Error ออกมา ใจเย็น ๆ แล้วลองทบทวนวิธีทำใหม่อีกครั้ง ถ้าไม่ได้จริง ๆ ก็อัปโหลดแม่แบบเดิมขึ้นไปแทน

หมายเหตุ สำหรับระบบแบบเก่า ที่โค๊ดขึ้นต้นด้วย DOCTYPE สามารถ copy และ paste โค้ด template มาใส่้ได้เลย
แต่ถ้าเป็นระบบแบบใหม่ แล้วอยากกลับมาใช้ระบบแบบเก่า วิธีเปลี่ยนคือ คลิ๊กที่ เปลี่ยนกลับเป็นแม่แบบดั้งเดิม (Revert to Classic Template) จะอยู่มุมด้านซ้ายล่างของหน้า Edit HTML แล้วถึงจะสามารถ copy และ paste โค้ด templateมาใส่้ได้

เป็นอย่างไรบ้างค่ะ ได้หน้าตา template blogger ที่ต้องการกันหรือเปล่า จากการใช้ template blogger ที่ได้จากการดาวน์โหลดมาใช้ฟรี ถึงแม้หน้าตาจะสวยขึ้น แต่ลูกเล่นบางอย่างเราจะปรับแก้ยาก เพราะว่าถ้าอยากได้ดังใจ ต้องเข้าไปแก้โค๊ด html ถึงตอนนี้แล้วทำได้ไม่ได้อย่างไรแสดงความเห็นกันได้นะค่ะ

ทุกวันนี้ในโลกออนไลน์หรือการใช้เครือข่ายอินเตอร์เน็ต มีบทบาทกับชีวิตคนเรามากขึ้น โลกของเราดูแคบลงเพราะมันสามารถเข้าถึงได้เกือบทุกเรื่อง ซึ่งคนที่ใช้้อินเตอร์เน็ตนั้นย่อมรู้ดี โดยเฉพาะเดี๋ยวนี้สามารถหาเงินเพิ่มรายได้ให้กับคนที่รู้ช่องทางและใช้มัน อย่างเข้าใจ มีหลายคนที่ใช้ Blog ของตัวเองสร้างรายได้ โดยการติดโฆษณาของ Google เราเรียกว่า Adsense (สำหรับ ใครที่ยังงง ๆ ว่ามันคืออะไร ค่อย ๆ ติดตามกันต่อไปนะค่ะ) จึงอยากจะแนะนำขั้นแรกด้วยการมาสร้าง Blog (มีโอกาสสร้างรายได้แต่ต้องขอบอกก่อนว่ามันก็ไม่ง่ายนัก หรือถ้าเรามีความตั้งใจเรียนรู้ก็ไม่ยาก) ด้วยการใช้ โปรแกรม Blogger หรือ Blogspot ของ google (ซึ่งฟรี) มาเริ่มกันเลยดีกว่า......


1. เข้าไปที่ www.blogger.com หรือ www.blogspot.com


2. คลิ๊กตรง สร้างบล็อก หรือก่อนสร้างบล็อกแนะนำให้อ่านหัวข้อ เรียนรู้เพิ่มเติม เพื่อความเข้าใจมาก
ขึ้น (Google ให้คำแนะนำในทุกขั้นตอน ไม่ยากคะโดยเฉพาะทำเป็นภาษาไทยด้วย เปลี่ยนภาษาตรง
มุมบนขวามือ)

3. เริ่มทำตามขั้นตอนเลยค่ะ เริ่มต้นการสร้างบัญชี Google ใส่อีเมล ซึ่งต้องมีอยู่แล้ว แนะนำให้สมัคร
ของ Gmail ไว้ก่อนเลยค่ะ ถ้ามี Gmail อยู่แล้ว ให้เริ่มตรง เข้าสู่ระบบก่อน

4. มาขั้นตอนที่ 2 ตั้งชื่อเว็บบล็อก (เมื่อกดเข้ามาขั้นตอนนี้ ก็กรอกตามช่องที่มีให้มาเลยค่ะ ตั้งชื่อบล็อกตามที่เราต้องการ)

5. สุดท้าย เลือกแม่แบบ (ขั้นตอนนี้เราอยากให้สีสันของบล็อกเป็นอย่างไร ก็เลือกตามใจชอบเลยค่ะ คงไม่ยากเกินไปนะค่ะ ถ้ามีปัญหาก็ลองค่อย ๆ อ่านตามคำแนะนำของ Google)

6. ถ้าทุกอย่างเรียบร้อย เราก็จะได้บล็อกเป็นของตนเองแล้วค่ะ (สวยสมใจหรือเปล่าค่ะ)

7. เริ่มต้นใช้งาน โดยเข้า เว็บไซต์ blogger.com ลงชื่อ ด้วย อีเมล และรหัสผ่าน

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

หวังว่าคงไม่ยากเกินไปนะค่ะ ถ้ามีปัญหาข้อสงสัยถามมาได้ค่ะ ในโอกาสหน้าจะแนะนำแม่แบบ theme (ธีม) สวย ๆ สำหรับคนขี้เบื่อ ที่ไม่พอใจกับสิ่งที่ blog ให้มา ซึ่งตัวเองทำอยู่นานกว่าจะเข้าใจ (เพราะทำไปเรียนรู้ไป แต่ก็ยังไม่เข้าใจทั้งหมดหรอก หุหุ) เลยอยากให้เพื่อน ๆ ที่เริ่มต้นทำ Blog ทำตามได้ง่ายขึ้น (หวังว่าคงเป็นอย่างนั้น)