Bloggang.com : ผู้หญิงขี้รำคาญ : การเขียนบล็อก II-ใส่ภาพหัวบล็อกแบบง่ายๆ

การเขียนบล็อก II-ใส่ภาพหัวบล็อกแบบง่ายๆ

วันนี้มาต่อเรื่องการทำหัวบล็อกให้กับบล็อกของเรานะค่ะ

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

รูปแบบของธีมที่ใช้กันหลักในบล็อกแก๊งค์จะมีอยู่ 2 แบบ คือ

1. รูปแบบของธีมที่ไม่ได้กำหนดกรอบของบล็อก เราจะมองเห็นพื้นหลังเป็นพื้นเดียวกันทั้งบล็อก ตัวอย่าง เป็นแบบบล็อกของคุณ JigGy_Jung ค่ะ (ขออนุญาตคุณ JigGy_Jung นำบล็อกมาเป็นตัวอย่างอธิบายให้กับเพื่อนๆ หน่อยนะค่ะ)

2. รูปแบบของธีมที่มีการกำหนด table ให้กับบล็อก ซึ่งธีมลักษณะนี้เราจะสามารถใส่พื้นหลังให้กับบล็อกด้านใน และก็กำหนดพื้นหลังให้กับบริเวณรอบๆ ของกรอบได้ ตัวอย่างแบบบล็อกของแมวเลยค่ะ

การใส่ภาพหัวบล็อกให้กับธีมในแบบที่ 1 จะไม่มีอะไรยุ่งยาก ผิดกับแบบที่ 2 ซึ่งจะมีความซับซ้อนกว่านิดหน่อย
ในตอนนี้แมวจะขออธิบายการในภาพหัวบล็อกในแบบแรกก่อนนะค่ะ

<img border="0" src=URL ของภาพ>

เอาแบบง่ายๆ เลยค่ะ ใช้โค้ดของรูปภาพในการใส่ภาพหัวบล็อกได้เลย

หากอยากให้ภาพหัวบล็อกอยู่ตรงกลางก็ใช้โค้ดนี้

<p align = "center"><img border="0" src=URL ของภาพหัวบล็อก>

หากอยากให้ภาพหัวบล็อกอยู่ชิดขวาก็ใช้โค้ดนี้

<p align = "right"><img border="0"src=URL ของภาพหัวบล็อก>

หากอยากให้ภาพหัวบล็อกอยู่ชิดขอบซ้ายก็ใช้โค้ดนี้

<p align = "left"><img border="0"src=URL ของภาพหัวบล็อก>

จะปรับขนาดภาพอย่างไร

ทีนี้เรามาดูเรื่องการปรับขนาดของภาพที่จะนำมาใช้ค่ะ ในกรณีที่ภาพที่เราต้องการใช้ มีขนาดใหญ่เกินไปหรือเล็กเกินไป เราก็เพิ่มโค้ดในส่วนการปรับขนาดภาพ โดยการเพิ่ม width x height ลงไป ดังนี้เลยค่ะ

<img border="0"src=URL ของภาพ width=ความกว้าง height=ความสูง>

หากอยากให้ภาพมีเส้นกรอบจะต้องทำก็สามารถเพิ่มขนาดของเส้นได้ตรงโค้ด border="0" ตรงเลข 0 เพื่อนๆ สามารถปรับตัวเลขได้ตามความพอใจ ตัวเลขยิ่งมาก เส้นขอบของภาพก็จะยิ่งหนาขึ้น

เมื่อปรับทุกอย่างจนลงตัวแล้ว ก็นำโค้ดที่ทำไว้ไปใส่ไว้ที่ช่อง ตั้งชื่อ Slogan จากนั้นก็เซฟได้เลยค่ะ

Create Date : 23 มิถุนายน 2552

Last Update : 23 มิถุนายน 2552 11:36:51 น.

12 comments

Counter : 3260 Pageviews.

ขอบคุณมากๆ...
ขอแบบละเอียดๆนะคร้าบขอบคุณขอบคุณ

โดย: tick (postlab

) วันที่: 23 มิถุนายน 2552 เวลา:12:00:18 น.

สวัสดีตอนเที่ยงค่ะคุณแมวเหมียว ขอบคุณข้อมูลดีนะค่ะ มีอาเที่ยงมาฝากแทนคำขอบคุณค่ะ

โดย: นู๋ดีค่ะ (kun_isara

) วันที่: 23 มิถุนายน 2552 เวลา:12:21:15 น.

แวะมาทักทายค่ะ

โดย: Elbereth

วันที่: 23 มิถุนายน 2552 เวลา:12:46:06 น.

ขอบคุณค่ะ...หน่อยลองทำแล้ว พอใส่ช่องSlogan ปัญหาที่พบมานไปโผล่ใต้ช่องนาฬิกา ต้องไปแก้ที่ไหนอ่ะค่ะ ...ตอนนี้เลยเอาออกไปก่อนอ่ะค่ ช่วยดูให้หน่อยค่ะ

โดย: หน่อย (noi&poj

) วันที่: 23 มิถุนายน 2552 เวลา:17:46:01 น.

ข้อมูลหน้านี้มีประโยชน์อีกแล้ว เจ้าของใจดีจัง

โดย: แม่ปุ้มปุ้ย

วันที่: 23 มิถุนายน 2552 เวลา:21:01:34 น.

Thank you ka..you are so nice!

โดย: Don't call me Madame

วันที่: 24 มิถุนายน 2552 เวลา:20:49:13 น.

ทำได้แล้วค่ะ ดีใจมากมาย
รู้แล้วว่าใส่codeผิด พอไปใส่ช่องSlogan เลยไปกันใหญ่ เลยค่อยๆลบ codeบางตัวออก แล้วทำใหม่ เลยสำเร็จแล้วค่ะ เย้ๆ
ขอบคุณนะค่ะ
จุ๊บๆ