แต่ง blog ให้เจ๋งตอน 1
เคยบอกว่าจะเขียนเรื่องเกี่ยวกับการแต่ง blog ไว้นานแล้วแต่ก็ไม่มีโอกาส นำมาบอกเล่าเสียที มีเวลาว่างเลยรื้อเอามาเขียนเก็บไว้ครับ
ผมขอแบ่งการตกแต่งออกเป็น สองตอนนะครับ โดยตอนแรกเป็นส่วนของการจัดการ template อีกตอนจะเป็นการจัดองค์ประกอบอื่น ๆ
วิธีการ
๑. ก่อนอื่นเราต้องสำรองข้อมูล template ก่อน กันพลาด... โดยเริ่มจากเข้าไปในส่วน admin คลิ๊กที่ รูปแบบ -> แก้ไข HTML คลิกที่ ดาวน์โหลดแม่แบบฉบับเต็ม ให้จัดเก็บ template ที่เราใช้อยู่ให้เรียบร้อย
๒. ไปดาวน์โหลด template สำหรับ blogger ที่มีให้เลือกมากมายจากที่นี่
๔. ที่เมนูเดิม คือ รูปแบบ -> แก้ไข HTML คราวนี้เราจะอัปโหลด template ใหม่ขึ้นไป โดยจัดการ browse เลือกไฟล์ .xml ที่เตรียมไว้ จากนั้นคลิก อัปโหลด
๕. ถ้าไม่มีอะไรผิดพลาด (ย้ำ....หากไม่มีอะไรผิดพลาดนะครับ) โปรแกรมจะแจ้งว่าอัปโหลดเรียบร้อย ให้เลื่อนหน้าจอไปด้านล่าง จะเห็นปุ่ม "แสดงตัวอย่าง" ถ้ายังไม่พอใจก็จัดการปรับเปลี่ยนให้เรียบร้อย (ถึงตรงนี้อาศัยความรู้เรื่อง css พอสมควร)
๖. เมื่อเรียบร้อยแล้ว ก็จัดการบันทึก template โดยคลิกที่ปุ่ม บันทึกเทมเพลต เราก็จะได้เทมเพลตแปลกใหม่ ไม่ซ้ำใคร เอาไว้เชยชม ๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕
เพิ่มเติมอีกหน่อย....
ทุก blog ใน blogger จะมีหัว blog ที่เรียกว่า navbar ผมรู้สึกไม่ชอบไอ้เจ้านี่เลย
ก็เลยจัดการซ่อนมันซะ วิธีการก็ง่ายแสนง่าย โดยเข้าไปแก้ไข HTML เช่นเดิม และจัดการแทรกโค้ดต่อไปนี้ลงในส่วนของ style sheet
ผมขอแบ่งการตกแต่งออกเป็น สองตอนนะครับ โดยตอนแรกเป็นส่วนของการจัดการ template อีกตอนจะเป็นการจัดองค์ประกอบอื่น ๆ
วิธีการ
๑. ก่อนอื่นเราต้องสำรองข้อมูล template ก่อน กันพลาด... โดยเริ่มจากเข้าไปในส่วน admin คลิ๊กที่ รูปแบบ -> แก้ไข HTML คลิกที่ ดาวน์โหลดแม่แบบฉบับเต็ม ให้จัดเก็บ template ที่เราใช้อยู่ให้เรียบร้อย
๒. ไปดาวน์โหลด template สำหรับ blogger ที่มีให้เลือกมากมายจากที่นี่
- Blogger Buster
- FinalSense
- Blogger Templates
- Blogspot Templates
- Gecko & Fly
- Mashable: 50 Beautiful Blogger Templates
๔. ที่เมนูเดิม คือ รูปแบบ -> แก้ไข HTML คราวนี้เราจะอัปโหลด template ใหม่ขึ้นไป โดยจัดการ browse เลือกไฟล์ .xml ที่เตรียมไว้ จากนั้นคลิก อัปโหลด
๕. ถ้าไม่มีอะไรผิดพลาด (ย้ำ....หากไม่มีอะไรผิดพลาดนะครับ) โปรแกรมจะแจ้งว่าอัปโหลดเรียบร้อย ให้เลื่อนหน้าจอไปด้านล่าง จะเห็นปุ่ม "แสดงตัวอย่าง" ถ้ายังไม่พอใจก็จัดการปรับเปลี่ยนให้เรียบร้อย (ถึงตรงนี้อาศัยความรู้เรื่อง css พอสมควร)
๖. เมื่อเรียบร้อยแล้ว ก็จัดการบันทึก template โดยคลิกที่ปุ่ม บันทึกเทมเพลต เราก็จะได้เทมเพลตแปลกใหม่ ไม่ซ้ำใคร เอาไว้เชยชม ๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕๕
เพิ่มเติมอีกหน่อย....
ทุก blog ใน blogger จะมีหัว blog ที่เรียกว่า navbar ผมรู้สึกไม่ชอบไอ้เจ้านี่เลย
ก็เลยจัดการซ่อนมันซะ วิธีการก็ง่ายแสนง่าย โดยเข้าไปแก้ไข HTML เช่นเดิม และจัดการแทรกโค้ดต่อไปนี้ลงในส่วนของ style sheet
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
ความคิดเห็น
.............ศน.แดง
ลองหาดูว่ามีปุ่มอัปเกรดอยู่ตรงไหน
ผมจำไม่ได้แล้วครับ... ต้องอัปเกรดก่อนจึงจะใช้วิธีการนี้ได้
อ้อ....ศน.เหลิมฝากถามว่า วันนี้ทำไมไม่มาประชุมที่เขตฯครับ.....
ที่มีคำว่า <b:skin>
บรรทัดใด ๆ ก็ได้ ที่ว่าง ๆ สักที่
แต่ต้องแทรกไว้ก่อน บรรทัด ที่มีคำว่า
]]></b:skin>
ถ้าจะให้ง่ายเลย ก็แทรกไว้ก่อนบรรทัด
]]></b:skin>
http://www.eblogtemplates.com/templates/blogger-templates/
http://pixeloo.blogspot.com/
http://codeintensity.blogspot.com/
http://copenhagengirlsonbikes.blogspot.com/.......................ศน.แดง
อีกวิธีการหนึ่งคือ รูปแบบ -> เพิ่มองค์ประกอบหน้า -> HTML/จาวาสคริปต์ แล้วใส่โค้ดนี้ลงไปครับ
<a href="http://ลิงค์ที่ต้องการ"><img src="http://ตำแหน่งของภาพ" /></a>
วิธีแรกลองดูแล้ว......แสดงแต่ภาพ..แต่ไม่ลิงค์ครับ
วิธีที่สอง.....ลิงค์ได้แต่ไม่แสดงภาพครับ(แสดงเป็นสี่เหลี่ยมกากะบาทตรงกลาง).........ศน.แดง
ได้ความรู้เรื่องดีๆ อีกแล้ว...
ครูป๋องครับ ไม่สอนวิธีขยายคอลัมน์ของบล็อกบ้างเหรอครับ ของผมเป็น 3 คอลัมน์ แต่คอลัมน์ที่ 3 มันแคบไป เกือบใส่อะไรไม่ได้เลย อยากจะขยายมันออกอีกนิดหนึ่ง
ถ้าเป็นไปได้ ช่วยแนะนำด้วยนะครับ คือผมก็พยายามศึกษาอยู่เช่นกัน แต่หลังๆ มานี้ ห่างๆ ไป ไม่ได้ทำตลอด