By: mk 
on 20 January 2008 - 08:31
Tags:
Topics:
avatar หรือ display picture หรือ user icon (จะชื่ออะไรก็ตาม) เป็นหนึ่งในฟีเจอร์ที่มีเสียงเรียกร้องมานาน ตอนนี้มีแล้วครับ อยากมีเป็นของตัวเองกดเข้าไปดูวิธีการได้ด้านใน
Gravatar
ระบบ avatar ที่เราใช้นี้คือ Gravatar มันย่อมาจาก globally recognized avatar ข้อดีของมันก็ตามชื่อ คือถ้าเราสมัครสมาชิก Gravatar ไว้ เวลาไปคอมเมนต์เว็บที่สนับสนุน Gravatar เหมือนกัน ไอคอนจะขึ้นทันทีโดยไม่ต้องทำอะไรเพิ่ม ไม่ต้องอัพโหลดภาพใหม่เวลาไปสมัครสมาชิกใหม่ ส่วนผลดีทางอ้อมคือไอคอนจะไปโฮสต์ที่ Gravatar ไม่กินโหลดของ Blognone ด้วย
ขั้นตอน
- เข้าไปที่หน้า Sign up ของ Gravatar
- สมัครสมาชิกด้วยอีเมลเดียวกับที่ใช้สมัคร Blognone (ระบบจะเช็คว่าใครเป็นใครจากอีเมล) ถ้าไม่รู้ว่าใช้อีเมลอะไร ดูใน My account
- อัพโหลดภาพที่ต้องการใช้ สำหรับ Gravatar โดยปกติจะใช้ภาพขนาด 80x80 (แต่ของ Blognone ใช้ 40x40 ซึ่งย่อโดยอัตโนมัติ ไม่ต้องทำอะไรพิเศษ)
- เสร็จแล้ว ง่ายจริงๆ ตอนนี้ควรจะเห็นไอคอนของตัวเองขึ้นมาในคอมเมนต์เก่าแล้ว
สำหรับสมาชิกที่ไม่ต้องการเห็น Gravatar
เท่าที่ผมซาวเสียงใน Blognone Group มีสมาชิกบางท่านไม่อยากได้ฟีเจอร์นี้ ไม่ต้องเป็นห่วงครับผมเตรียมทางออกไว้ให้แล้ว เพียงแค่เข้าไปในหน้า My account และเลือกธีมเป็น no_avatar แค่นี้ก็เรียบร้อย
สำหรับสมาชิกที่ไม่ต้องการแสดง Gravatar ของตัวเอง
ในกรณีที่คุณมี Gravatar แต่ไม่ต้องการให้แสดงใน Blognone (มีคนแบบนี้ด้วยรึ) สามารถทำได้โดยเข้าไปที่หน้า My account และเลือก Disable Gravatar ครับ
Known bugs
- ผมถือโอกาสอัพเดต security ไปพร้อมกันด้วย ปรากฎว่าทำดาวกับจุดหลังชื่อหาย เดี๋ยวจะรีบเอากลับมาครับ
- ธีมใหม่ที่เพิ่ม Gravatar มีปัญหากับ Safari อันนี้ทราบปัญหาแล้วแต่ยังไม่ทราบวิธีแก้ ใครแก้ได้รบกวนช่วยส่ง patch (CSS source)
- ใครมีปัญหาอื่นๆ ก็แจ้งไว้ได้แถวนี้ หรือใน Blognone Group ก็ได้ครับ
Get latest news from Blognone
Follow @twitterapi
Blognone Jobs Premium
Cloudnone
- NVIDIA จะไปหยุดที่ตรงไหน ทำไมครองโลกดาต้าเซ็นเตอร์ | Cloudnone EP.22
- ถึงคลาวด์เคราะห์: ทำอย่างไรเมื่อบริการคลาวด์ที่ใช้ถูกยกเลิก | Cloudnone EP. 21
- รู้จักอาชีพ Site Reliability Engineer สำคัญยังไง? | Cloudnone EP. 20
- อธิบาย CrowdStrike ทางเทคนิค ทำไมถึงทำพีซีจอฟ้าเป็นล้านๆ เครื่อง | Cloudnone EP.19
- Kubernetes [Part 2] ยี่ห้อไหนดี งานไหนต้องใช้ แล้วเลือกยังไง? | Cloudnone EP.18
Comments
ไหนลองทดสอบ
ลืม a/c Gravatar ไปซะแล้ว
โชคดีผมมี Gravatar ไว้แล้ว
พอดี implement ตัวนี้ใน blog ตัวเอง(เขียนโค๊ดเอง, gravatar เขียนง่ายมากๆแค่เอา md5(email) ใส่ใน http://www.gravatar.com/avatar.php?gravatar_id=)
ปล. ไม่รู้ทำไมขาเพนกวินขาดครับ - -"
ปล2. ทำไมของคนไม่มีภาพมันไม่ติดอ่ะครับ มันน่าจะเป็น default สิครับ, ลองเอา &default= ออกครับ
ผมใส่ default เป็น transparent ครับ รู้สึกว่า default ของ Gravatar มันรกรุงรังไปนิด
ส่วนขาเพนกวินขาดเข้าใจว่าเป็นการย่อรูปที่ไม่ใช่จัตรุรัสจาก Gravatar เองนะครับ
เทสต์มั่ง
แหม งี้รักใครเกลียดใครก็เห็นผ่านรูปได้น่ะสิ อิอิ
PoomK
ผมขอเสนอว่าถ้าเป็นผู้หญิง ให้แสดงรูปมีขนาดใหญ่กว่าผู้ชายครับ ส่วนผู้็้ชายให้เหลือ 20x20 ก็คงไม่มีคนบ่นครับ (คิดว่าคงไม่มีใครอยากดูกันอยู่แล้ว)
Noyzi!!a's Blog
สนับสนุนเต็มที่
lol
Nice - SE7ENize.com
เพิ่งรู้ว่าเป็นสมาชิกมา 1 ปีแล้ว
@NiceThai
สนับสนุนรูปผู้หญิง(สวย) ด้วยนะครับ
Safari ปัญหาอยู่ที่ "display: table-cell" ของ class ".new > .picture, .picture" กับ ".comment > .content" ลองเปลี่ยนเป็น block แล้วหายครับ แต่ต้องเพิ่ม padding ของ อันหลังใหม่
อีกวิธีคือ "float: left" ที่คลาส ".comment > .content” แล้ว
"clear:left" ที่ ".nlinks"
CSS Patch
ยังไม่เวิร์คทั้งสองวิธีครับ คือมันจะมีกรณีที่ comment ยาวๆ จนเกินความสูงของรูปด้วย
อันแรก comment จะตัดตกลงมาใต้รูป เลยเหมือนรูปเป็น indent ของย่อหน้าแทน
ส่วนวิธีที่สอง ถ้า comment ยาวเกิน จะตัดตกลงมาทั้งก้อนอยู่ใต้รูปเลย
ผมลองเทสแก้เป็นแบบนี้แล้วมันหายนะ
.
pittaya.com
ไหนๆ ต้องลองของใหม่หน่อยแล้ว
//ไม่เห็นอะครับ ใช้เมลล์เดียวกันแล้วนะ
ทดสอบครับ
ไหนลองซิ
ขอลองหน่อย
pittaya.com
ขอลองมั่งฮะ
ลองดู
มั้งสิ 555+ > < woo
อย่างนี้ต้องลอง
.......................
อู้ว์ ไฮโซ
แจ่มจริงๆ
(ตอนแรกนึกว่า Google Avatar)
ทดสอบ
ทดสอบครับ ^^
อีกทีๆ รูปไม่ขึ้น
ทดสอบด้วยคนครับ ^^
เทสด้วยคน ดิคะ
::: Na - th :::
ทำไมมะขึ้นอ่า T.T
ปล. ทำไมไม่เห้นขึ้นเลย ลองกดรีเฟรชแล้ว
หรือว่าต้องโพสต์คอมเมนท์ใหม่คะเนี่ย
::: Na - th :::
ขึ้นแล้วนิ แต่ของผมยังไม่ขึ้น
ขึ้นแล้วจิงด้วย
แฮะๆ ตื่นเต้นกะของเล่นใหม่ อิอิ
::: Na - th :::
ขึ้นป่าวหว่า
edit1:
ไม่ขึ้นแฮะ ของผมรูปเป็น gif 80x80 ไม่ทราบใครใช้รูปเป็น gif ขนาดเท่านี้แล้วขึ้นมั่ง
edit2:
อ้อ ขึ้นแล้วมันต้องใช้เวลานี่เอง แต่อยากได้ 80x80 นะ ขนาดมันกำลังสวยพอดีไม่เล็กไม่ใหญ่ไป แต่หลายคนอาจยิ่งไม่ชอบ (แต่ก็ปิดได้นิ)
ขอเทสต์ด้วย
ลองหน่อยสิ
อันไหน comment เยอะ ยิ่งอืดไปอีก ตอนนี้ปิดของตัวเองก็ยังโหลดของคนอื่นอีก T_T อยากปิดให้หมดได้ไหมเนี่ย เวลา login ของตัวเอง แล้วเข้า Blognone แล้วไม่แสดง Avatar อ่ะ
My account >> Edit >>Selecting a different theme will change the look and feel of the site. เลือก theme No avatar
เออ.. เนาะ ลืมไป ขอบคุณครับ ^^
ขอทดสอบด้วยอีกคนงับ งุงิ
ทดสอบ
เปิดบนมือถือแล้วเพิ่มความอืดได้นิดนึง
ฮะโหลเทส
ทดสอบหน่อย..
แล้วนอกจาก blognone แล้วยังมีเว็บยอดนิยมที่ไหนใช้ gravatar ด้วยอีกครับ จะได้ตามไปเล่น
wordpress.com ครับ
onedd.net
โอ้ สมัคร Gv ไว้นานแล้วไม่นึกว่าจะได้ลองใช้ จริง ๆ
แปลงร่าง!
ทดสอบด้วยครับ
ทดสอบด้วยครับ
ทดสอบก๊าป
สนุกสนาน :)
ทดสอบของใหม่ด้วยคนครับ ตามกระแสBlognone
Linux Powered!
-__- เอาบ้าง
ภาษาไทย
ไม่โผล่
ถ้วนหน้ากันเลยนะครับ
ลองของใหม่
ทดสอบ
Hello Universe
Lastest Science News @Jusci.net
Lastest Science News @Jusci.net
อ้าว ไมไม่ขึ้น
ป.ล. ขึ้นแล้วครับ
Lastest Science News @Jusci.net
Lastest Science News @Jusci.net
ลองดูหน่อย
Please go to My site at molecularck.wordpress.com
http://www.digimolek.com
ไม่ขึ้นแฮะ
ปล.ล่าสุดขึ้นแระ
Please go to My site at molecularck.wordpress.com
http://www.digimolek.com
Gravatar ผมว่าเกือบจะดี
modules gravatar น่าจะทำเป็น cache ไว้ที่ blog นั้นๆ
การที่รูปภาพที่ host ไว้ที่อื่น ทำให้คะแนน yslow ลดลงครับ
ไม่ขึ้นแฮะ
แต่ถ้าทำอย่างนั้น มันก็ไปกินแบนวิทของ host ตัวเองเหมือนเดิมนะครับ :)
~ HudchewMan's Station & @HudchewMan~
ไหนลอง
ไม่ขึ้นแฮะ
ทดสอบ
Hallo...Test \(@^_^@)/ M R T O M Y U M
ลองแล้วและได้เอาไปใช้กับ Drupal ของผมด้วยเยี่ยมไปเลยครับ
iBlog : http://learners.in.th/blog/mrgill
ทดสอบครับ
เพิ่ม : ตอนแรกไม่โผล่ ไอ้เราก็มั่นใจว่าใช้เมลอันเดียวกัน เปิดดูอีกที อ่อ เป็นเพราะใช้ mail+blognone@gmail.com นี่เอง
แฮะๆ ลองด้วยครับ
ทดสอบ ๆ
ทดสอบ เอาบ้างๆ
@TonsTweetings
เหมือนใน safari จะแสดง avatar ไม่เหมือนใน ie แฮะ
เอ้า เห็นเค้าเทสก็เทสด้วยคน
ลองด้วยคนครับ
Little RX
My Twitter
ลองละ...
================ http://www.gameindy.com เกมส์ออนไลน์ MMORPG หนึ่งเดียวของไทย (ที่ไม่มีใครให้ความสำคัญ)
ทดสอบครับ
ลองอีกรอบ - -*
เอ .... เกิดอารายขึ้นหว่า (ลองอีกรอบ)
ลองมั่ง
มายัง
ลองเทส ด้วยคน ^^
ลองด้วย
ลองบ้าง...
ไม่ขึ้นเลยแฮะ...
ทดสอบครับ
ฮัลโหลเทสต์ๆ - -.
ลองด้วยคน
- - - - -
suksit.com
suksit.com
แหม...ขอด้วยอีกคนนะ
ลองบ้างครับ ...
ขอบคุณครับ สวัสดีครับ
:: Take minimum, Give Maximum ::
test
เอ้าๆ เล่นกันใหญ่ hot ซะงั้นข่าวนี้
Test
ลองมั้ง
Guitar and Music
ลอง
นารายณ์อวตาร
เพิ่งสมัครมันต้องลอง
ถูกต้องแล้วคร้าบบบบ
นารายณ์อวตาร
ไม่ขึ้นอ่า
ลอง
ขอลองด้วยนะครับ :D
ทดสอบๆ
---
Khajochi Blog : It's not a Bug ... It's a Feature
แฟนพันธุ์แท้สตีฟจ็อบส์ | MacThai.com
เอ .. ไม่มาแฮะ
---
Khajochi Blog : It's not a Bug ... It's a Feature
แฟนพันธุ์แท้สตีฟจ็อบส์ | MacThai.com
test
test หน่อย
ลองอีกรอบ
ลองมั่งๆ 555+
just test pls. ignor
เท่ห์ ???
แต่ไม่ขึ้นอ่ะ
--------------------- 7blogger.com
ลองบ้างดีกว่า
ได้ด้วยคับ แจ่ม!
Test du
อายชิล
กำลังดังเลย -o-
เทสๆๆๆ
ไม่รู้ว่าได้ยังนะเนื่ย
もういい
Test ครับ
เป็นไงมั่ง
ผมเลือก rate G มันทำไมเป็นช่องว่างๆ นา - -
Ton-Or
Ton-Or
แวะมาทดสอบด้วยครับ
Kohsija
มีแต่คนขอลอง ว่าแต่ edit เปลี่ยน mail address แล้วค่อยไปสมัคร Gravatar จะเป็นไรป่าว
ทดสอบ
test
ขอเล่นบ้างนะครับ
@iannnnn
สมัครไว้นานโข เพิ่งได้ใช้เนี้ย
================================
ว่างจัดๆก็แวะมาได้
http://badzboy.10thingsabout.com
เทสต์ด้วยคนครับผม
www.sahassa.blogspot.com
www.thaiadsense.blogspot.com
test
Stay Foolish
ทดสอบจ้า
ลองด้วยคนครับ ^ ^
ลองด้วยๆ
ลองใหม่ดิ
Guitar and Music
test same
Test
ทดสอบ
Test
ทดสอบมั่ง
I will change the world, to the better day.
test
Test Test
ขึ้นเปล่าเนี้ย
AnalyZis blog
test
test
NERD GOD
Just a test...please ignore