วันที่ เสาร์ พฤศจิกายน 2556

พิมพ์หน้านี้  |  ดูบล๊อกอื่นๆ ที่ OKnation

 

วิธีการเพิ่มภาพ Header บนบล็อก OKNation


วิธีการเพิ่มภาพ Header บนบล็อก OKNation

มีขั้นตอนง่ายๆ ไม่ซับซ้อนเลยค่ะ วันนี้ครูเฒ่าขอมาบอกเล่า ดังนี้ึค่ะ

1. ไปที่เว็บบล็อกของคุณเลยค่ะ เมื่อล็อกอินเข้ามาแล้ว ให้ไปที่ เมนู "จัดการบล็อก" ที่อยู่บนสุด

2. คลิกที่ชื่อบล็อกเลยค่ะ จากนั้นจะเข้าสู่หน้า My Blog

3. คลิกที่เมนู Template ค่ะ

4. กดปุ่มแก้ไข CSS ค่ะ

5. จากนั้นให้เลื่อนเม้าส์ หาข้อความนี้ค่ะ

/*/////////////////// ////////////////////////////
header ตัวหน้าเวบ
/////////////////// /////////////////////////////

เมื่อเจอแล้ว จะเห็น CSS Code ดังต่อไปนี้ค่ะ (ส่วนอื่น ไม่ต้องไปยุ่งกับมันนะคะ เดี๋ยวบรรลัยค่ะ)

/* ส่วนของหัว header */
#header {
height :270px;
text-align:left;
background: url(http://www.krupu.com/homework/wp-content/uploads/2013/11/nw.png) no-repeat #6fb143;
}

ตรงที่เขียนว่า background: url(http://www.krupu.com/homework/wp-content/uploads/2013/11/nw.png)

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

ครูเฒ่าอัพโหลดภาพไว้ที่ http://www.krupu.com/homework/wp-content/uploads/2013/11/nw.png

เพราะฉะนั้น background: url ก็จะใส่เป็น

background: url(http://www.krupu.com/homework/wp-content/uploads/2013/11/nw.png)

แบบนี้ล่ะค่ะ ง่ายๆ ลองทำดูนะคะ

 

โดย ครูเฒ่า

 

กลับไปที่ www.oknation.net