++การเปลี่ยนรูปที่เคอร์เซอร์,ไตเติ้ลblog,ข้อความที่ status bar++

สวัสดีอีกรอบค่ะ



วันนี้ว่างๆ ก็เลยมาบอกสคริปต์ที่จะใช้ตกแต่ง blog ต่อนะคะ

หัวข้อแรกในวันนี้

1. การเปลี่ยนเคอร์เซอร์ให้เป็นรูปที่ตัวเองต้องการ

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

*body style="cursor:url(ใส่ url ที่นี่ค่ะ)">

เปลี่ยนจาก * เป็น < ด้วยนะคะ

สำหรับที่เราใช้อยู่จะเป็น url นี้ค่ะ//www.boomspeed.com/blueicee/Animation200.ani
แต่จะมีของ yadegari ที่แนะนำไว้ด้วยนะคะ ไปดูที่ blog น้องแบมได้ค่ะ

2. การเปลี่ยนไตเติ้ล blog

ไตเติ้ล blog หมายถึงข้อความที่อยู่ตรงด้านบนสุดรวมทั้งปรากฏอยู่บนแถบหน้าต่างของแต่ละท่านค่ะ

อย่างของสาวไกด์ฯ ก็เป็น "บ้านสาวไกด์ฯ - ท่องเที่ยว หนัง หนังสือ" เนี่ยค่ะ

ใช้โค้ดนี้ค่ะ

*script>window.document.title="อยากใส่ประโยคอะไรก็ว่าไป";*/script>

เปลี่ยนจาก * เป็น < เหมือนเดิมนะคะ โค้ดนี้อนุเคราะห์โดยคุณครูรำเพยค่ะ



3. ข้อความที่ status bar

ข้อความที่ status bar คือข้อความที่อยู่ด้านล่างค่ะ อย่างของสาวไกด์ฯ ก็คือ คุณกำลังอยู่ที่บ้านของสาวไกด์ใจซื่อค่ะ

ใช้โค้ดนี้นะคะ
*script>window.status="......ข้อความของเรา....."; */script>

เปลี่ยนจาก * เป็น < เหมือนเดิมนะคะ

อนุเคราะห์โดยคุณครูรำเพยเช่นกันค่ะ

วันนี้มาแนะนำ 3 โค้ดก่อนนะคะ

อย่างที่ออกตัวไว้นะคะว่า เป็นมือใหม่เหมือนกัน เพราะฉะนั้นก็ไม่ได้รู้อะไรมากมายนักหรอกค่ะ อาศัยว่าเที่ยวไปดู blog คนโน้นคนนี้เค้าไปเรื่อย ซึ่งก็จะมีสอนๆ เอาไว้น่ะค่ะ

เพราะฉะนั้นแนะนำให้ขยันๆ ไปเที่ยวบ้านคนโน้นคนนี้นะคะ ^_^

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

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




 

Create Date : 15 มิถุนายน 2548    
Last Update : 15 มิถุนายน 2548 18:35:47 น.
Counter : 2434 Pageviews.  

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

หวัดดีค่ะ


เนื่องด้วยเป็นนักทำ 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 น.
Counter : 903 Pageviews.  


สาวไกด์ใจซื่อ
Location :
กรุงเทพ Thailand

[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 185 คน [?]




ชอบอ่านหนังสือและดูหนังค่ะ ตอนนี้ทำงานด้านการท่องเที่ยวอยู่ นิสัยดีบ้างร้ายบ้าง แล้วแต่สภาวการณ์และคนที่เจอ


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


ติดต่อเจ้าของบล็อกได้ที่ theworpor@yahoo.com
หรือ
http://www.facebook.com/saoguide






Group Blog
 
All Blogs
 
Friends' blogs
[Add สาวไกด์ใจซื่อ's blog to your web]
Links
 

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