รักแท้...แค่เส้นขนาน
Group Blog
 
<<
กุมภาพันธ์ 2551
 12
3456789
10111213141516
17181920212223
242526272829 
 
18 กุมภาพันธ์ 2551
 
All Blogs
 
~*~*~ My Network ~*~*~

ช่วงนี้มีเรื่องเอามาให้เขียนบล็อกหลายเรื่องทีเดียว
คงได้เจอกันบ่อยขึ้นล่ะครับ

วันนี้เอาเรื่อง My Network (ชื่ออาจเปลี่ยนแปลง) ความสามารถใหม่ของเว็บพันทิปก่อนครับ

ออกตัวก่อนว่า ไม่ได้เกี่ยวข้องใดๆ กับผู้จัดทำ My Network นะครับ
ข้อมูลบางอย่างก็เดาเอาล่ะครับ

---------------------------------------

พันทิปเปิดตัว My Network เมื่อสองสามวันก่อน (หรืออาจก่อนหน้า เพราะผมเพิ่งเห็น 555)
ด้วยความสามารถที่จะทำให้สมาชิกใกล้ชิดกันมากขึ้น โดยได้แนวคิดมาจากเว็บ Hi5
ตอนนี้สิ่งที่เพิ่มมาที่เห็นๆ ก็คือ

1. หน้า profile ที่สามารถจัดรูปแบบได้ โดยใช้วิธีคล้ายๆ กับ Bloggang
2. เพิ่มเพื่อนในกลุ่ม ให้มารวมกันอยู่ในหน้าเดียวได้ ทำให้สื่อสารกันง่ายขึ้น
3. กำหนดกลุ่มคนที่จะเข้ามาดู profile ได้ ว่าจะให้ทุกคนดูได้, เฉพาะสมาชิกพันทิป(ค่าเริ่มต้น), หรือเฉพาะสมาชิกในกลุ่ม
4. มี guestbook เอาไว้ให้เพื่อนๆ ในกลุ่ม comment เราได้ในหน้า profile เลย
5. เมื่อเราคลิกที่อมยิ้มในกระทู้ ถ้าเป็นอมยิ้มคนอื่น เราก็เข้าไปดู profile ของเค้า
แต่ถ้าเป็นอมยิ้มตัวเอง เราจะเข้าหน้าจัดการ profile ของเรา
ตรงนี้ทำให้สามารถจัดการข้อความ หรือสื่อสารกับกลุ่มได้ง่ายขึ้น
แต่ก็ส่งผลให้มีความลำบากในการตกแต่งมากขึ้น เพราะเราจะไม่เห็นหน้า profile ในแบบที่เพื่อนเราเห็น
ถ้าใครมีสองล็อกอิน ก็คงไม่เป็นไร ใช้ล็อกอินอันอื่นเข้ามาดูได้
แต่ถ้าใครมีล็อกอินอันเดียว ก็ลำบากหน่อยล่ะครับ ถ้าจะตกแต่งหน้า Network นี้
วิธีที่นึกออกก็คือ ตั้งค่าให้ทุกคนเข้ามาดู profile ได้
หลังจากนั้น sign out แล้วเข้ามาดูหน้าของตัวเองแทน
หรือไม่ก็สมัครสมาชิกแบบ Mobile Register อีกล็อกอินนึง เอาไว้มาตรวจสอบการตกแต่ง

มีตัวอย่าง Code เล็กๆ น้อยๆ มาฝากครับ
การตกแต่งส่วนใหญ่จะเหมือนกับ Bloggang นี้อยู่แล้ว คนที่แต่ง blog อยู่แล้ว
คงเอามาปรับใช้ได้เลย

เราสามารถแทรกโค้ดลงไปได้ โดยคลิก edit profile
แล้วนำโค้ดไปใส่ต่อท้าย info ของเรา

อย่างแรกไฟล์ Style Sheet (.css) ตัวเดิม ถ้าไม่มีอะไรพลิกแพลงมาก
สามารถนำมาใช้ได้เลย เช่น


<link rel="stylesheet" href="ไฟล์ .css" type="text/css">



ต่อมาเป็นโค้ดเปลี่ยนข้อความใน status bar พร้อมเปลี่ยน logo อย่างง่าย (อาจใช้ไม่ได้ในอนาคต)
โดย logo ต้องมีขนาด 182 x 29 pixel ครับ


<script>window.status="รักน้อยๆ แต่รักนานๆ";document.images[0].src="ชื่อไฟล์ logo"</script>


สุดท้ายเป็นโค้ดเปลี่ยนชื่อหัวข้อโปรไฟล์ ซึ่งจะซับซ้อนกว่า
เนื่องจากตำแหน่งของรูปในหน้าจัดการ กับหน้าที่เพื่อนเราเห็นไม่ตรงกัน
เลยต้องค้นชื่อไฟล์มาเปลี่ยนแทน โดยรูปมีขนาด 171 x 41 pixel


<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.pantip.com/socialnetwork/template/images/member_pantip2008_09.gif"){document.images[i].src="ชื่อไฟล์ logo โปรไฟล์"}</script>



คำแนะนำสำหรับการกรอกโค้ดก็คือ ระวังตัวสะกด เครื่องหมายคำพูด รวมถึง semi-colon และโค้ดควรต่อเนื่องกันไปตั้งแต่ต้นจนจบ อย่าเว้นบรรทัดเอง
เนื่องจากระบบจะทำการใส่โค้ด html แทรกมาให้ ทำให้โค้ดผิดพลาดได้ครับ


คลิกที่นี่เพื่อดูหน้า Profile (ที่ตกแต่งน้อย) ของผมได้ครับ


:)


Create Date : 18 กุมภาพันธ์ 2551
Last Update : 18 กุมภาพันธ์ 2551 8:36:17 น. 1 comments
Counter : 360 Pageviews.

 
งึม ๆ งั่ม ๆ

ไม่ยู้เยื่อง ง่ะ งง งง

แต่ ใส่ รูปใหม่ใน edit profile ได้แล้วค่ะ


โดย: [OO] SULAI JAI MARNNN วันที่: 18 กุมภาพันธ์ 2551 เวลา:13:28:34 น.  

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

TonMai2K
Location :
ชลบุรี Thailand

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

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




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

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