Group Blog
 
All blogs
 

Blog 101

BLOG...101


ถ้าปัญหาของคุณคือ งงไม่รู้จะเริ่มสร้าง group blog และ blog ยังไง ลองอ่านที่นี่ก่อนนะคะ จะได้เข้าใจ ทำตามทีละขั้นก็ได้ค่ะ

ก่อนอื่นต้องตอบคำถามยอดฮิต อะไรคือ blog อะไรคือ groupblog งงไปหมดละ คำถามนี้มีคำตอบที่นี่ค่ะ คลิกที่รูปได้เลยนะคะ


แต่ถ้าให้รำเพยสรุปง่ายๆก็คือแบบนี้ค่ะ




Weblog จะประกอบด้วย groupblog หลายๆอัน และใน 1 groupblog ก็มี blog ได้หลายอันเช่นกันค่ะ เข้าใจง่ายขึ้นไหม?


แล้วจะสมัครยังไงละเนี่ย ได้แต่เข้ามาเล่น ตั้งต้นไม่ถูก ?ไปที่นี่เลยค่ะ แล้วคลิกตามลิงค์ไปเลยนะคะ ทำไม่ยาก แค่กรอกชื่อที่ต้องการและตั้งรหัสผ่านก็ใช้ได้ละ




เปิดเวปแล้ว แล้วไงต่อ? ยังงงอยู่ดี ถ้าใครอยากอ่านคำอธิบายเต็มๆละก็ไปอ่านที่นี่ค่ะ


ถ้าจะเอาแบบรวบรัดตัดความก็นี่ค่ะ ลองทำตามดูนะคะ เปิดหน้านี้ไปพร้อมๆกันก็ได้

1) สิ่งที่รำเพยจะบอกมี 3 ส่วนนะคะ เพราะว่าถ้าทำสามข้อนี้ได้ก็อันอื่นคุณคงจัดการเองได้ไม่ยากค่ะ แค่ว่าสามกลุ่มนี้เป็นการเริ่มสร้าง blog แบบพื้นฐานค่ะ ต้องรู้ไม่รู้ก็สร้างไม่ได้น่ะ รำเพยทำแยกสีไว้จะได้ดูง่ายๆนะคะ ดูตามรูปเลยค่ะ




2) ตั้งชื่อ group blog จะใช้ชื่ออะไรล่ะ คนหัดใหม่ๆ ลองตั้งว่า test ก็ได้ค่ะ จากนั้นก็เลือกว่าจะให้เป็น private หรือว่า public ถ้าตั้งเป็น private มันจะมีคำถามให้ใส่พาสเวิด คนอื่นจะเข้ามาดูไม่ได้ค่ะ เพิ่งหัดทำลองตั้งอันแรกเป็นแบบ private ก็ดีนะคะ คนอื่นจะได้ไม่เห็นว่ามันทำผิดหรือเรากำลังลองอยู่ค่ะ จากนั้นก็คลิกสร้างกลุ่ม blog




ทำเสร็จอะยัง? ผลที่ได้ก็จะเป็นแบบนี้ค่ะ



3) พอตั้ง groupblog เสร็จแล้วก็ต้องมาดูกันว่าเราจะสร้างเนื้อหาใน group ได้อย่างไร



คลิกที่เขียน blog ใหม่ แล้วมันก็จะพาเข้าไปที่หน้านี้ค่ะ



3.1 ตั้งชื่อหัวข้อ....เช่น ทดลองบ๊อกอันใหม่
3.2 เขียนเนื้อหาที่ต้องการเขียนค่ะ ลองใส่ว่า จะลองทำบ๊อกก็ได้

3.3 เลือกว่าจะให้คนออกความเห็นได้หรือไม่ อันนี้แล้วแต่คุณค่ะ

3.4 คลิกด้านล่าง publish แต่ถ้ายังเขียนได้ไม่ถูกใจก็กด save as draft ไว้ก่อนก็ได้ ไว้ว่างๆมาแก้ก่อนจะเอาลงบ๊อกค่ะ ข้อเสียของการ save as draft ก็คือคุณไม่สามารถ preview ได้ ดังนั้นถ้าคุณอยากลองดูก่อนก็ต้องกด publish จากนั้นก็กดที่ปุ่มแก้ไขบ๊อก ซึ่งเป็นรูปกระดาษอยู่ตรงขอบล่างของบ๊อกนะคะ แล้วมันจะเด้งกลับมาหน้าที่ให้เขียนเนื้อหาใหม่ จากนั้นคุณก็กดเป็น save as draft ได้ค่ะ

4 ส่วนสุดท้ายที่ต้องรู้จักก็คือ การ add blog ของคนอื่นไว้ใน friend's list จะทำยังไง
เวลาที่คุณเข้าไปใน weblog ของคนอื่นคุณอาจจะอยาก add เข้ามาใน friendlist ของคุณ ทำได้ไม่ยากค่ะ คลิกตรงที่เขียนว่า add....ชื่อเจ้าของบ๊อกนั้นๆ... เท่านี้เองค่ะ ด้านล่างนี่รำเพยทำให้ถ้ากดแล้วจะเอาชื่อรำเพยไปไว้ที่ friendlist ของคุณนะคะ เพราะฉะนั้นถ้าไม่ต้องการ add หรือว่า add ไปแล้วอย่ากดค่ะ




ถ้าเริ่มทำแค่นี้เป็นแล้วจะทำต่อ ตกแต่งเวปอย่างไร ลองอ่านได้ที่
tips&tricks และ tips&tricks II ค่ะ
สร้างบ๊อกให้สนุกนะคะ



Guest Book




 

Create Date : 25 เมษายน 2548    
Last Update : 12 กันยายน 2548 7:47:21 น.
Counter : 6133 Pageviews.  

code html อย่างง่ายที่ใช้บ่อยๆ

• • Html code 101 (เบื้องต้น) • •
ก็บอกแล้วว่าเบื้องต้นจริงๆจ้ะ สำหรับคนเพิ่งหัดใช้เท่านั้นนะคะ

ลักษณะของตัวอักษร
<b></b> สร้างตัวหนา เช่น ทดสอบ code

<i></i> สร้างตัวเอียง เช่น ทดสอบ code

<font size=?></font> ตั้งค่าขนาดของตัวอักษร ตั้งได้จาก 1-7
เช่น 1, 2, 3, 4, 5, 6, 7

<font color=?></font> ตั้งค่าสีของตัวอักษร เช่น สีแดง, สีเหลือง, สีเขียว

สร้าง link
• เปิดลิงค์ในหน้าเดียวกัน
<a href="ใส่...URL....ที่ต้องการ">ใส่ข้อความที่ต้องการให้เห็น</a>
การสร้าง hyperlink แบบนี้เมื่อกดแล้วจะเปิดใน window นั้นเลยต้องกด back ในbrowser นั้นๆ เพื่อให้กลับมาหน้าเก่า
เช่น Guest Book ลองคลิกดูค่ะ

• เปิดลิงค์ในหน้าใหม่
<a href="ใส่...URL....ที่ต้องการ"target="_blank">ใส่ข้อความที่ต้องการให้เห็น</a>
ถ้าเขียนแบบนี้ เวลากด link มันจะเปิดหน้าต่างขึ้นทาใหม่ ไม่รบกวนเวปที่คุณใช้อยู่
เช่น Guest Book ลองคลิกเลย

• ทำรูปให้เป็นลิงค์
<a href="ใส่...URL ของรูป...."target="_blank"><img src="....ใส่ URL ของรูปนั้นๆ..." border="0"></a>
ถ้าเขียนแบบนี้ รูปจะไม่มีกรอบให้รำคาญตา และก็จะเปิดไปอีกหน้าหนึ่งทันทีค่ะ
ตัวอย่าง




ใส่รูป
<img src="....ใส่ URL ของรูปนั้นๆ..."> ใส่รูป

<img src="....ใส่ URL ของรูปนั้นๆ.." align= เลือกเอาว่าจะให้เป็น left, right, center; bottom, top, middle แล้วแต่ว่าจะบังคับให้รูปไปอยู่ตรงไหน>




 

Create Date : 25 เมษายน 2548    
Last Update : 25 เมษายน 2548 16:04:15 น.
Counter : 10271 Pageviews.  

• • สีที่ใช้ทำเวป (ตอนที่2) • •

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


วงสีนี้ Sir Isaac Newton คิดค้นพัฒนาขึ้นมาในปี คศ 1666 และจากนั้นก็มีคนนำมาดัดแปลงใช้สอยกันอย่างกว้างขวาง วันนี้เนื่องจากบอกแล้วว่ารวบรัดก็จะเสนอวิธีเลือกสีอย่างง่ายๆ 2 แบบนะคะ

แบบที่ 1 เลือกสีที่ใกล้เคียงกันเพื่อความกลมกลืน มองดูแล้วสีคล้ายๆกันสบายตา


แบบที่ 2 เลือกสีที่อยู่ฝั่งตรงกันข้ามของวงสี เพื่อความเด่นของสิ่งที่ต้องการสื่อให้คนอ่านได้รับรู้และสนใจ


ง่ายไหมคะ

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





ถ้าใครสนใจก็ไปดูตัวอย่างสีเพิ่มเติมได้ที่เวปนี้ค่ะ //www.efuse.com/Design/palettes.html
//www.colormatters.com/colortheory.html




 

Create Date : 01 กุมภาพันธ์ 2548    
Last Update : 4 เมษายน 2548 17:36:47 น.
Counter : 1793 Pageviews.  

• • เปลี่ยน cursor กันเถอะ • •


เคยเห็นบาง blog ใช้ animated cursor ดูน่ารักดี ใครอยากได้บ้างคะรูปแบบนี้น่ะเอามาทำเป็น cursor ในบ๊อกหรือเอาไปใช้ในเครื่องก็สวยดีนะคะ รำเพยจะอธิบายสำหรับวิธีเอามาใช้ใน blog ก็แล้วกันนะเพราะว่าถ้าจะเอาไปใช้ในเครื่องก็แค่ install แล้วเลือกเปลี่ยนรูปร่างของ cursor ก็แค่นั้นเอง

วิธีเปลี่ยน cursor แบบที่1: เลือกโหลดรูปอย่างที่ต้องการ

1 ต้องมีรูปที่จะเอามาใช้เป็น cursor ก่อน ซึ่งก็สามารถไป download ได้จากเวปต่างๆ แต่ว่ารำเพยมีสองเวปมาแนะนำนะคะ ลายค่อนข้างจะน่ารักดี

animated cursor for window และ free cursor
sexy cursor(adult only)
ตามคำเรียกร้องของบางคน เอามาให้แล้วนะคะแต่ว่าเด็กๆห้ามเข้า

2 ได้มาแล้วก็หาที่ upload รูปไปไว้หน่อยค่ะ ให้ได้ URL มา

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

<body style="cursor:url(.........ใส่ URL ของไฟล์.ani ที่คุณต้องการ.......)">

เท่านี้เวลาคุณเปิดหน้านั้นมาก็จะได้มี cursor ลายน่ารักๆแล้วค่ะ


วิธีเปลี่ยน cursor แบบที่ 2 : ไปจิ๊กเคอเซ่อคนอื่นมาใช้

วิธีนี้เป็นวิธีขี้เกียจค่ะ ขี้เกียจโหลดเองก็ขโมยเคอเซ่อคนอื่นมาใช้ซะเลย......วิธีใส่ cursor ก็ง่ายมากคือเอาคำสั่งนี้แปะเลยค่ะ ไม่ยาก

<body style="cursor:url(//www.boomspeed.com/blueicee/Animationตรงนี้ใส่เลขได้ตั้งแต่ 1 ถึง 214 ค่ะ เลือกเอา.ani)">

เช่น <body style="cursor:url(//www.boomspeed.com/blueicee/Animation200.ani)">
ก็คือรูปไข่ที่คุณเห็นอยู่นี่แหละค่ะ


Guest Book




 

Create Date : 27 มกราคม 2548    
Last Update : 4 เมษายน 2548 17:39:52 น.
Counter : 2758 Pageviews.  

• • extremely basic html code • •

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

Besic HTML code คลิกที่นี่




 

Create Date : 23 มกราคม 2548    
Last Update : 4 เมษายน 2548 17:49:23 น.
Counter : 878 Pageviews.  

1  2  

รำเพย
Location :


[Profile ทั้งหมด]

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




สงวนลิขสิทธิ์ ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2539 ห้ามผู้ใดละเมิด ไม่ว่าการลอกเลียน หรือนำส่วนหนึ่งส่วนใดของข้อความใน blog แห่งนี้ไปใช้ ทั้งโดยเผยแพร่และเพื่อการอ้างอิง โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร จะถูกดำเนินคดี ตามที่กฏหมายบัญญัติไว้สูงสุด
Friends' blogs
[Add รำเพย's blog to your web]
Links
 

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