Bloggang.com : สาวไกด์ใจซื่อ : พื้นหลัง,สัญลักษณ์หน้าหัวข้อ,โลโก้แกงค์

พื้นหลัง,สัญลักษณ์หน้าหัวข้อ,โลโก้แกงค์

หวัดดีค่ะ

เนื่องด้วยเป็นนักทำ blog มือใหม่ จึงเข้าใจคนมือใหม่ด้วยกันค่ะ

วันนี้ว่างเลยทำการรวบรวมโค้ดสำหรับตกแต่ง blog เบื้องต้นให้สำหรับมือใหม่ค่ะ

1. การเปลี่ยนพื้นหลัง (background) ให้เป็นรูปต่างๆ

ใช้โค้ดตามนี้ค่ะ

*style>body{background-image:url("//...........url ของรูปที่คุณต้องการเอามาใช้....");}*/style>

เปลี่ยนเครื่องหมาย * เป็น < นะคะถึงจะใช้ได้

ถามว่าจะหา url จากไหนได้ (คนเล่นเนตไม่เก่งอย่างเราเคยเป็นมาแล้ว) แนะนำให้ไปยัง blog ของคนเหล่านี้ก่อนค่ะ

- blogของคุณyadegari
- blog ของคุณฉะฉาน
- blog ของคุณถั่วแดงเย็น

blog เหล่านี้มี BG มาให้ฟรีๆๆๆ ค่ะ

วิธีคือ ไปที่ BG ที่คุณชอบ คลิกขวาตรงรูปนั้นๆ เลือก properties แล้วมันจะมี url ปรากฏขึ้นมาเป็นข้อมูลค่ะ ลากเม้าส์ไฮไลท์แล้วก็อปมาวางตรงที่ต้องใส่ url

พอใส่โค้ดพร้อม url สมบูรณ์เรียบร้อยก็ copy ไปวางไว้ใน slogan ค่ะ

Background ของคุณก็จะเป็นตามรูปที่คุณเลือกมา

จริงๆ คงมีอีกเยอะค่ะที่เค้าไปสูบ BG มาแจกๆๆๆ แต่ที่เราไปท่องเที่ยวบ่อยๆ ก็แถวๆ นี้นะคะ

ของเราเป็นรูปกึ่งๆ ทะเลท้องฟ้า อนุเคราะห์จากน้องแบม yadegari ค่ะ

ท่านใดจะแนะนำให้ไปใช้ BG ใน blog ของตัวเองก็เชิญนะคะ เพราะเราก็รู้จักไม่กี่ blog เองน่ะ

สคริปต์นี้อนุเคราะห์โดยเว็บมาสเตอร์ของชาวเราเองค่ะ

2. เปลี่ยนสัญลักษณ์กลมๆ หน้าหัวข้อต่างๆ (bullets)

สคริปต์นี้อนุเคราะห์โดย คุณครูรำเพยค่ะ

*style>ul{list-style: ;list-style-image: url('//...........url ของรูปที่คุณต้องการเอามาใช้....');}*/style>

เหมือนเดิมค่ะ เปลี่ยนสัญลักษณ์ * เป็น < ก่อนนะคะ

อย่างของเราเป็นกระต่ายสีชมพูดุ๊กดิ๊ก อนุเคราะห์โดยน้องแบม yadegari อีกแล้ว

วิธีไปเอา url มาก็เหมือนข้อที่ 1 นะคะ

เอาไปไว้ตรง slogan หรือ profile ก็ได้ (ครูรำเพยท่านบอกมา)

ควรเป็นรูปขนาดเล็กๆ ค่ะ ถึงจะเหมาะเอามาทำเป็น bullet ค่ะ

3. โลโก้ bloggang

สำหรับอันนี้ ใช้โค้ดนี้ค่ะ

*script> document.images[0].src = " ... url ของโลโก้ bloggang ที่ต้องการจะใส่ ... "; document.images[0].width =347 ; document.images[0].height =209*/script>

โค้ดนี้มีจุดที่ต้องเปลี่ยนคือ
1) * เป็น <
2) เลข 0 ในเครื่องหมาย [ ] น่ะต้องเปลี่ยนเป็นเลข 1 ค่ะ (มี 3 จุดนะคะที่ต้องเปลี่ยน)
3) ความสูงและความกว้างของโลโก้ (อันนี้ต้องลองใส่ url ของโลโก้นั้นๆ ก่อน แล้ว publish จากนั้นเนี่ยก็ดูว่าเหมาะกับบ้านเรามั้ย ถ้าไม่เหมาะก็เปลี่ยนตัวเลขไปเรื่อยๆ จนกว่าจะเหมาะค่ะ)

สำหรับโลโก้แกงค์แนะนำให้ไปดูที่ blog
- คุณ lobotoon
- คุณ Shelling Ford

ของเราเอามาจาก lobotoon ค่ะ มีหลายแบบให้เลือกดี

สงสัยอะไรถามได้ค่ะ แต่ตอบได้ ไม่ได้ว่ากันอีกเรื่องนะคะ

หรือถ้ายังไงไปถามคนที่เก่งๆ กว่าเราก็ได้ค่ะ เพราะเราเองก็มือใหม่มากๆ เลย

ส่วนวิธีจะไปยัง blog ต่างๆ ไม่ว่าจะเป็นของน้องแบม yadegari น้องตูน Robotoon หรือคนอื่นๆ เอาง่ายๆ ก็คลิกตรง Friends' Link ของเราก็ได้นะคะ

หรือไม่ก็เอาชื่อของคนเหล่านี้ไปใส่ไว้ที่หน้าเริ่มต้นของ bloggang จะมีส่วนที่เอาไว้ค้นหา blog ของสมาชิกอยู่น่ะค่ะ

อ้อ...ส่วนเรื่องอื่นๆ ไม่ว่าจะเป็นรูปที่ cursor หรือ title หรือ status bar ถ้าวันไหนมีเวลาว่างๆ (อย่างวันนี้) จะมาเขียนให้ใหม่ค่ะ

ขอให้สนุกในการแต่ง blog ค่ะ

ขอบคุณสำหรับการติดตามนะคะ

Create Date : 08 มิถุนายน 2548

Last Update : 15 มิถุนายน 2548 18:01:28 น.

12 comments

Counter : 1217 Pageviews.

แวะมาจูจุ๊บจ้า ๆ ขอบคุณที่มอบความรู้ให้นะนะคะ

โดย: srisawat

วันที่: 8 มิถุนายน 2548 เวลา:20:31:07 น.

มารับความรู้กั๊บป๋ม

โดย: คนขี้เหงาคนหนึ่ง IP: 58.10.88.165 วันที่: 8 มิถุนายน 2548 เวลา:21:16:47 น.

สวัสดีค่ะ..บล็อคสวยขึ้นทุกวันเลยนะ

กู๊ดไนท์..นอนหลับฝันดีนะคะ

โดย: เจเจกะถ้วยฟูค่ะ IP: 210.246.69.185 วันที่: 8 มิถุนายน 2548 เวลา:22:07:23 น.

แวะมาเยี่ยมบ้านค่ะ

ใจดีจงน้อ

โดย: PADAPA--DOO

วันที่: 9 มิถุนายน 2548 เวลา:0:09:30 น.

โดย: ขอบคุณที่รักกัน (blueberry_cpie

) วันที่: 9 มิถุนายน 2548 เวลา:7:21:28 น.

แวะมาเยี่ยมคุณสาวไกด์ฯ อีกทีครับ เป็นอย่างไรสบายดีไหมครับ ความจริงต้องเรียกว่าน้องเนอะ ขอชมอีกทีว่าเวปน่ารักมากมีความคิดสร้างสรรค์ดี คุณสาวไกด์ฯ ทำงานเป็นไกด์จริงหรือเปล่าครับ (หรือว่าอุปมาอุปมัย) ทำไมถึงสนใจดูหนัง ถ้าทางเป็นคนโรแมนติกดีจิรงๆ

โดย: Johann sebastian Bach

วันที่: 9 มิถุนายน 2548 เวลา:10:12:44 น.

ไปตอบให้ที่ blog คุณ Johann แล้วนะคะ

โดย: สาวไกด์ใจซื่อ

วันที่: 9 มิถุนายน 2548 เวลา:14:58:24 น.

สวัสดีค่ะ ...

บ้านน่ารักมากค่ะ..

ไว้จะค่อยๆเรียนแต่งบ้านอยู่หรอกค่ะ ..

แต่เฉพาะอ่านหนังสือก็หมดเวลาแล้วค่ะ.

อาจมีโอกาส..

โดย: ป่ามืด

วันที่: 16 มิถุนายน 2548 เวลา:18:48:19 น.

แอบย่องมาเอาความรู้ค่า

โดย: สายลมโชยเอื่อย

วันที่: 17 มิถุนายน 2548 เวลา:20:35:21 น.

บ้านน่าอยู่จังเลย... ชื่อก็น่ารัก

โดย: yoัko IP: 203.154.48.18 วันที่: 20 กรกฎาคม 2548 เวลา:10:57:43 น.

มือใหม่คับ..
แอบมาดูบ้านคับ...น่ารักจัง

โดย: pompoo

วันที่: 28 กรกฎาคม 2548 เวลา:16:35:02 น.

ขอบคุณมากๆเลยนะคะ
เริ่มได้นิดๆละ

แต่ยังเกิดปัญหาแบบว่า ใส่รูปไป แทนที่จะเป็นรูปนั้นเต็มๆพื้น มันจะกลายเป็นรูปนั้นย่อยๆๆเต็มจอไปหมด (แบบเหมือนสั่งร้านอัด 4p)

งงป่ะคะ

แต่ก็ไม่เป็นไร นี่ก็เริ่มแต่งเป็นขึ้นมาบ้างละ ขอบคุณค่า

โดย: may_intania

วันที่: 13 กุมภาพันธ์ 2551 เวลา:21:00:40 น.