แต่ง blog ให้เจ๋งตอน 1

เคยบอกว่าจะเขียนเรื่องเกี่ยวกับการแต่ง blog ไว้นานแล้วแต่ก็ไม่มีโอกาส นำมาบอกเล่าเสียที มีเวลาว่างเลยรื้อเอามาเขียนเก็บไว้ครับ

ผมขอแบ่งการตกแต่งออกเป็น สองตอนนะครับ โดยตอนแรกเป็นส่วนของการจัดการ template อีกตอนจะเป็นการจัดองค์ประกอบอื่น ๆ
วิธีการ

๑. ก่อนอื่นเราต้องสำรองข้อมูล template ก่อน กันพลาด... โดยเริ่มจากเข้าไปในส่วน admin คลิ๊กที่ รูปแบบ -> แก้ไข HTML คลิกที่ ดาวน์โหลดแม่แบบฉบับเต็ม ให้จัดเก็บ template ที่เราใช้อยู่ให้เรียบร้อย

๒. ไปดาวน์โหลด template สำหรับ blogger ที่มีให้เลือกมากมายจากที่นี่๓. template ที่ดาวน์โหลดมาและสามารถนำเอาไปใช้ได้จะต้องมีนามสกุล .xml แต่บางเว็ป จะอยู่ในรูปไฟล์ .zip ก็ให้ทำการแตกไฟล์ ออกให้เรียบร้อย ซึ่งพอแตกไฟล์ออกแล้วจะต้องได้ไฟล์นามสกุล .xml คิดว่าถึงตอนนี้คงได้ template ที่พอใจสักตัวนะครับ
๔. ที่เมนูเดิม คือ รูปแบบ -> แก้ไข HTML คราวนี้เราจะอัปโหลด template ใหม่ขึ้นไป โดยจัดการ browse เลือกไฟล์ .xml ที่เตรียมไว้ จากนั้นคลิก อัปโหลด


๕. ถ้าไม่มีอะไรผิดพลาด (ย้ำ....หากไม่มีอะไรผิดพลาดนะครับ) โปรแกรมจะแจ้งว่าอัปโหลดเรียบร้อย ให้เลื่อนหน้าจอไปด้านล่าง จะเห็นปุ่ม "แสดงตัวอย่าง" ถ้ายังไม่พอใจก็จัดการปรับเปลี่ยนให้เรียบร้อย (ถึงตรงนี้อาศัยความรู้เรื่อง css พอสมควร)
๖. เมื่อเรียบร้อยแล้ว ก็จัดการบันทึก template โดยคลิกที่ปุ่ม บันทึกเทมเพลต เราก็จะได้เทมเพลตแปลกใหม่ ไม่ซ้ำใคร เอาไว้เชยชม ๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕

เพิ่มเติมอีกหน่อย....
ทุก blog ใน blogger จะมีหัว blog ที่เรียกว่า navbar ผมรู้สึกไม่ชอบไอ้เจ้านี่เลย
ก็เลยจัดการซ่อนมันซะ วิธีการก็ง่ายแสนง่าย โดยเข้าไปแก้ไข HTML เช่นเดิม และจัดการแทรกโค้ดต่อไปนี้ลงในส่วนของ style sheet
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

ความคิดเห็น

ไม่ระบุชื่อ กล่าวว่า
ผมลองทำดูแล้ว โดยเข้าไปที่ เทมเพลท - > แก้ไข HTML แต่ไม่ข้อความ "ดาวน์โหลดฉบับเต็ม" ครับ
.............ศน.แดง
ยุทธนา แม่นผล กล่าวว่า
ให้อัปเกรดก่อนครับ...
ลองหาดูว่ามีปุ่มอัปเกรดอยู่ตรงไหน
ผมจำไม่ได้แล้วครับ... ต้องอัปเกรดก่อนจึงจะใช้วิธีการนี้ได้
ไม่ระบุชื่อ กล่าวว่า
เจอแล้วครับ......และเปลี่ยนเทมเพลทได้แล้ว...มีบางอันตัวอย่างเป็นสามคอลัมภ์..แต่พอลองเปลี่ยนดูแล้ว กลับเป็นสองคอลัมภ์.....ขอบคุณมากครับ....ศน.แดง
อ้อ....ศน.เหลิมฝากถามว่า วันนี้ทำไมไม่มาประชุมที่เขตฯครับ.....
ไม่ระบุชื่อ กล่าวว่า
ผมไม่เข้าใจที่ครูป๋องว่า "แทรกโค้ดต่อไปนี้ลงในส่วนของ style sheet" ...... ผมไม่รู้ว่า ส่วนของ style sheet มันอยู่ตรงส่วนไหนของโค้ด HTML ขอความกรุณาช่วยขยายความให้หน่อยครับ.....ศน.แดง
ไม่ระบุชื่อ กล่าวว่า
คือหมายความว่า ผมอยากเอามันออกจากบล็อก "สอนศิลป์" ของผมน่ะครับ.....ศน.แดง
ยุทธนา แม่นผล กล่าวว่า
แทรกไว้หลังบรรทัด
ที่มีคำว่า <b:skin>
บรรทัดใด ๆ ก็ได้ ที่ว่าง ๆ สักที่

แต่ต้องแทรกไว้ก่อน บรรทัด ที่มีคำว่า
]]></b:skin>

ถ้าจะให้ง่ายเลย ก็แทรกไว้ก่อนบรรทัด
]]></b:skin>
ไม่ระบุชื่อ กล่าวว่า
ทำได้แล้วครับ...ขอบคุณมากครับ.....ขอรบกวนถามอีกข้อหนึ่ง...คือผมต้องการเปลี่ยน Them ตามที่ครูป๋องแนะนำ....แต่ผมหาไฟล์ .xml ได้น้อยมาก....ช่วยแนะนำเวบที่ให้ไฟล์.xml หน่อยครับ.....ขอบคุณมากครับ......ศน.แดง
ยุทธนา แม่นผล กล่าวว่า
55555 คิดว่าให้เยอะแล้วนะ ยังไม่ถูกใจอีกเหรอครับ งั้นเอานี่ไป น่าจะถูกใจ

http://www.eblogtemplates.com/templates/blogger-templates/
ไม่ระบุชื่อ กล่าวว่า
...โอ..จอร์จ...อันนี้ซิ..เจ๋งจริง.....ขอบคุณมั๊ก ๆ ....................ศน.แดง
ไม่ระบุชื่อ กล่าวว่า
ครูป๋องครับ...รบกวนอีกแล้ว...คือว่า ผมดูTV ย้อนหลังผ่านเน็ต(UDOOTV.com) แล้วผมอยากบันทึกรายการ TV เป็นไฟล์ VDO เพื่อเอาขึ้นในBlog ของผมครับ(เฉพาะไฟล์ VDO) .... เลยอยากทราบว่าวิธีบันทึกรายการ(VDO)จากเวบฯ ทำได้ไหมครับ...ถ้าได้..ทำอย่างไรครับ...ขอบคุณล่วงหน้า.......ศน.แดง
ไม่ระบุชื่อ กล่าวว่า
รบกวนอีกข้อครับ....คือ ปกติรูปแบบ blogspot ส่วนมากจะมี 2 คอลัมภ์ จะเป็น คอลัมภ์ขนาดใหญ่ 1 อันและอันเล็ก 1 อัน ที่คอลัมภ์เล็กผมอยากจะใส่รูปภาพ ที่ลิ้งค์ไปที่อื่นได้ครับ...(คอลัมภ์ใหญ่ทำได้)......ขอบคุณครับ ศน.แดง
ไม่ระบุชื่อ กล่าวว่า
ตัวอย่างBLOG ที่ทำได้
http://pixeloo.blogspot.com/
http://codeintensity.blogspot.com/
http://copenhagengirlsonbikes.blogspot.com/.......................ศน.แดง
ยุทธนา แม่นผล กล่าวว่า
ไปที่ รูปแบบ -> เพิ่มองค์ประกอบของหน้า -> คลิกที่ "รูปภาพ" แล้วเลือกใส่ภาพตามต้องการครับ

อีกวิธีการหนึ่งคือ รูปแบบ -> เพิ่มองค์ประกอบหน้า -> HTML/จาวาสคริปต์ แล้วใส่โค้ดนี้ลงไปครับ

<a href="http://ลิงค์ที่ต้องการ"><img src="http://ตำแหน่งของภาพ" /></a>
ไม่ระบุชื่อ กล่าวว่า
ขอบคุณครับ
วิธีแรกลองดูแล้ว......แสดงแต่ภาพ..แต่ไม่ลิงค์ครับ
วิธีที่สอง.....ลิงค์ได้แต่ไม่แสดงภาพครับ(แสดงเป็นสี่เหลี่ยมกากะบาทตรงกลาง).........ศน.แดง
ไม่ระบุชื่อ กล่าวว่า
เข้ามาชมอีกครั้ง
ได้ความรู้เรื่องดีๆ อีกแล้ว...

ครูป๋องครับ ไม่สอนวิธีขยายคอลัมน์ของบล็อกบ้างเหรอครับ ของผมเป็น 3 คอลัมน์ แต่คอลัมน์ที่ 3 มันแคบไป เกือบใส่อะไรไม่ได้เลย อยากจะขยายมันออกอีกนิดหนึ่ง

ถ้าเป็นไปได้ ช่วยแนะนำด้วยนะครับ คือผมก็พยายามศึกษาอยู่เช่นกัน แต่หลังๆ มานี้ ห่างๆ ไป ไม่ได้ทำตลอด
Unknown กล่าวว่า
ขอบคุณสำหรับคำแนะนำครับ