nongmiu welcome ka... nongmiu

: How to Blog : : Line สวยๆ : : BG - ภาพพื้นหลัง : : Head Blog :

Group Blog
 
 
สิงหาคม 2552
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
 
17 สิงหาคม 2552
 
All Blogs
 
How to...ใส่ BG (background)




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

วันนี้เรามาเสนอเรื่อง "การใส่ BG หรือ background" นะคะ


1.พอ login เสร็จ ก็เข้าไปจัดการ blog ค่ะ
แล้วก็ไปที่ช่อง "จัดการ Script area" ค่ะ





2.ใส่โค้ดตรงช่องนี้ค่ะ





เรื่องโค้ดเอาจากนี้เลยค่ะ



1.โค้ดสำหรับภาพพอดีจอค่ะ (ภาพที่ใหญ่พอดีจอ จะเต็มจอค่ะ)
<STYLE type="text/css"><!--BODY{
background-image : url(URL ที่อยู่รูปภาพค่ะ);
background-attachment : fixed;}-->
</STYLE>



2.โค้ดสำหรับขอบบนจอค่ะ

<STYLE type="text/css"><!--BODY{
background-image : url(URL ที่อยู่รูปภาพค่ะ);
background-repeat : repeat-x;
background-attachment : fixed;}-->
</STYLE>



3.โค้ดสำหรับขอบล่างจอค่ะ

<STYLE type="text/css"><!--BODY{
background-image : url(URL ที่อยู่รูปภาพค่ะ);
background-repeat : repeat-x;
background-attachment : fixed;
background-position : bottom;}-->
</STYLE>



4.โค้ดสำหรับฝั่งซ้ายของจอค่ะ (ขอบซ้ายค่ะ ใช้รูปเล็กๆมารวมกัน
ต่อเป็นแถวลงมาค่ะ)

<style type="text/css"7gt;<!--BODY {
background-attachment;
background-repeat: repeat-y;
background-attachment: fixed;
background-color: white;
background-image: url(URL ที่อยู่รูปภาพค่ะ);}-->
</style>



5.โค้ดสำหรับฝั่งขวาของจอค่ะ (ใช้รูปเหมือนด้านบนค่ะ)

<STYLE type="text/css"><!--BODY{
background-image : url(URL ทีอยู่รูปภาพค่ะ);
background-repeat : repeat-y;
background-position : right;
background-attachment : fixed;}-->
</STYLE>




หมายเหตุ


ท่านใดไม่ทราบเรื่อง URL ของรูปภาพ เชิญดูทางนี้ค่ะ


1.ไปที่รูป แล้วคลิกขวาค่ะ กด "Properties" ค่ะ
(กรณีนี้ต้องใช้ในเน็ตค่ะ เอารุปจาก gogle ก็ได้ค่ะ
หรือฝากรูปตามเว็บค่ะ เช่น //www.photobucket.com)





2.copy ตามนี้ค่ะ





แล้ววางที่ช่องได้เลยค่ะ ขอให้มี BG สีสวยๆนะคะ








Create Date : 17 สิงหาคม 2552
Last Update : 17 สิงหาคม 2552 19:56:07 น. 13 comments
Counter : 596 Pageviews.

 
โห สอนละเอียดถึงขั้นดู source url กันเลยทีเดียว
เยี่ยมเลยครับ มือใหม่เขาจะได้เข้าใจง่ายขึ้น

ปล. comment box ตัวอักษรมันสีขาว เล้วพอเวลาพิมพ์
มันมองยากมาก ไม่รู้ว่าพิมพ์ผิดหรือพิมพ์ถูก
หากแก้จุดนี้หน่อย จะยิ่งโอเคเลยครับ



โดย: คนจนที่อยากรวย วันที่: 17 สิงหาคม 2552 เวลา:23:35:58 น.  

 
ว้าว สอนได้ละเอียดมากเลยจ้า เก่งขึ้นทุกวันเลยนะ
สุดยอดมากๆ เลย


โดย: intumarn วันที่: 18 สิงหาคม 2552 เวลา:8:18:48 น.  

 
ละเอียดมากเลยค่ะ...ขออนุญาตเอาไปทำบ้างนะคะ
ขอบคุณมากๆๆๆๆค่ะ


โดย: @Icing on the Cake@ วันที่: 18 สิงหาคม 2552 เวลา:11:02:49 น.  

 
แต่งยากมากมายเรย อิอิ


โดย: Mooaumza วันที่: 18 สิงหาคม 2552 เวลา:11:19:26 น.  

 
ขอบคุงนะ มือใหม่เจรงๆๆ


โดย: Sasi (Sasi_chon ) วันที่: 19 สิงหาคม 2552 เวลา:10:45:58 น.  

 
ขอบคุณมาก ๆ เลยจ้า

โดย: มีมี่ (ต้นกล้าน่ารัก ) วันที่: 19 สิงหาคม 2552 เวลา:13:42:00 น.  

 


โดย: Navinya วันที่: 20 สิงหาคม 2552 เวลา:4:14:53 น.  

 
ขอบคุณครับ จะนำไปตกแต่งบางครับ


โดย: ชายเอ ทุ่งรังสิต วันที่: 1 กันยายน 2552 เวลา:2:03:30 น.  

 
ขอบคุณมาก ๆ ค่ะ เข้าใจง่ายสุดแล้ว blog นี้


โดย: อยากพักร้อนตลอดปี วันที่: 8 กันยายน 2552 เวลา:11:28:51 น.  

 
อ่านเรียบร้อยแล้ว
วันนี้กะว่าจะหัดทำนะค่ะ
ขอบคุณมากเลยที่แวะมาเยี่ยมกัน


โดย: นายตัว J (konan_j ) วันที่: 28 กันยายน 2552 เวลา:7:09:12 น.  

 
ขอบคุณที่แนะนำค่ะ


โดย: fourclover วันที่: 1 ตุลาคม 2552 เวลา:21:46:54 น.  

 
ขอบคุณมากๆเลยนะคะ เขียนบล๊อคมาหลายเดือนแล้ว พยายามเปลี่ยน บีจี ล้านรอบได้ก้อทำไม่เปนสักที จนมาเจอบล๊อคนี้ค่ะ .. จขบ.น่ารักและใจดีจังค่ะ


โดย: xiao ye zi วันที่: 9 มกราคม 2553 เวลา:9:36:52 น.  

 
ขอมา comment เป็นรอบทีสองของคืนนี้นะจ๊ะ ชมอีกทีว่าตัวแค่เนี้ยเก่งจริงๆเลย อย่างว่าเน๊อะเด็กๆเรียนรู้อะไรเร็วเก่งกว่าผู้ใหญ่อยู่แล้ว พี่เพิ่งมาเขียน blog โชคดีว่ามาเจอหน้าของน้องมิว จะได้ลองทำได้แล้ว thank you นะจ๊าที่แบ่งความรู้ใหม่ๆ และของตกแต่งน่ารักๆ


โดย: AnnsCrafts วันที่: 20 มีนาคม 2553 เวลา:3:20:53 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

siriyakorn
Location :


[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 1 คน [?]




Nongmiu

ต้องการลิงค์ Blog เราไปติด คลิ๊ก!

: ออนไลน์

border ต่างๆ

dotted 2px

dashed 2px

solid 2px

outset 2px

double 5px

Friends' blogs
[Add siriyakorn's blog to your web]
Links
 

MY VIP Friend

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.