ของเล่นใหม่ Avatar

tags:

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 ก็ได้ครับ
au8ust's picture

ไหนลองทดสอบ

fatro's picture

ลืม a/c Gravatar ไปซะแล้ว

willwill's picture

โชคดีผมมี Gravatar ไว้แล้ว พอดี implement ตัวนี้ใน blog ตัวเอง(เขียนโค๊ดเอง, gravatar เขียนง่ายมากๆแค่เอา md5(email) ใส่ใน http://www.gravatar.com/avatar.php?gravatar_id=)

ปล. ไม่รู้ทำไมขาเพนกวินขาดครับ - -” ปล2. ทำไมของคนไม่มีภาพมันไม่ติดอ่ะครับ มันน่าจะเป็น default สิครับ, ลองเอา &default= ออกครับ

mk's picture

ผมใส่ default เป็น transparent ครับ รู้สึกว่า default ของ Gravatar มันรกรุงรังไปนิด

ส่วนขาเพนกวินขาดเข้าใจว่าเป็นการย่อรูปที่ไม่ใช่จัตรุรัสจาก Gravatar เองนะครับ

bankkung's picture

เทสต์มั่ง

ABZee's picture

แหม งี้รักใครเกลียดใครก็เห็นผ่านรูปได้น่ะสิ อิอิ

PoomK

noyzilla's picture

ผมขอเสนอว่าถ้าเป็นผู้หญิง ให้แสดงรูปมีขนาดใหญ่กว่าผู้ชายครับ ส่วนผู้็้ชายให้เหลือ 20x20 ก็คงไม่มีคนบ่นครับ (คิดว่าคงไม่มีใครอยากดูกันอยู่แล้ว) Noyzi!!a’s Blog

nuclearlab's picture

สนับสนุนเต็มที่

Nice's picture

lol


Nice - SE7ENize.com เพิ่งรู้ว่าเป็นสมาชิกมา 1 ปีแล้ว

0xffeeddaa's picture

สนับสนุนรูปผู้หญิง(สวย) ด้วยนะครับ

fatro's picture

Safari ปัญหาอยู่ที่ “display: table-cell” ของ class “.new > .picture, .picture” กับ “.comment > .content” ลองเปลี่ยนเป็น block แล้วหายครับ แต่ต้องเพิ่ม padding ของ อันหลังใหม่

fatro's picture

อีกวิธีคือ “float: left” ที่คลาส “.comment > .content” แล้ว
clear:left” ที่ “.nlinks

CSS Patch

mk's picture

ยังไม่เวิร์คทั้งสองวิธีครับ คือมันจะมีกรณีที่ comment ยาวๆ จนเกินความสูงของรูปด้วย

อันแรก comment จะตัดตกลงมาใต้รูป เลยเหมือนรูปเป็น indent ของย่อหน้าแทน

ส่วนวิธีที่สอง ถ้า comment ยาวเกิน จะตัดตกลงมาทั้งก้อนอยู่ใต้รูปเลย

pittaya's picture

ผมลองเทสแก้เป็นแบบนี้แล้วมันหายนะ

.comment > .content {
display: block;
margin-left: 60px;
clear: right;
}

.

LazarusSP1's picture

ไหนๆ ต้องลองของใหม่หน่อยแล้ว //ไม่เห็นอะครับ ใช้เมลล์เดียวกันแล้วนะ

m3rlinez's picture

ทดสอบครับ

Silence's picture

ไหนลองซิ

pittaya's picture

ขอลองหน่อย

masahiro's picture

ขอลองมั่งฮะ

kobkrit's picture

ลองดู

rbus's picture

มั้งสิ 555+ > < woo

bitworld's picture

อย่างนี้ต้องลอง

…………………..

อู้ว์ ไฮโซ

narok119's picture

แจ่มจริงๆ (ตอนแรกนึกว่า Google Avatar)

Arthuran's picture

ทดสอบ

Framekung's picture

ทดสอบครับ ^^

Framekung's picture

อีกทีๆ รูปไม่ขึ้น

nukung's picture

ทดสอบด้วยคนครับ ^^

nath's picture

เทสด้วยคน ดิคะ


::: Na - th :::
nath's picture

ทำไมมะขึ้นอ่า T.T ปล. ทำไมไม่เห้นขึ้นเลย ลองกดรีเฟรชแล้ว หรือว่าต้องโพสต์คอมเมนท์ใหม่คะเนี่ย


::: Na - th :::
IceDagger's picture

ขึ้นแล้วนิ แต่ของผมยังไม่ขึ้น

nath's picture

ขึ้นแล้วจิงด้วย แฮะๆ ตื่นเต้นกะของเล่นใหม่ อิอิ


::: Na - th :::
IceDagger's picture

ขึ้นป่าวหว่า

edit1: ไม่ขึ้นแฮะ ของผมรูปเป็น gif 80x80 ไม่ทราบใครใช้รูปเป็น gif ขนาดเท่านี้แล้วขึ้นมั่ง

edit2: อ้อ ขึ้นแล้วมันต้องใช้เวลานี่เอง แต่อยากได้ 80x80 นะ ขนาดมันกำลังสวยพอดีไม่เล็กไม่ใหญ่ไป แต่หลายคนอาจยิ่งไม่ชอบ (แต่ก็ปิดได้นิ)

tvchampion's picture

ขอเทสต์ด้วย

kaze's picture

ลองหน่อยสิ

kaze's picture

อันไหน comment เยอะ ยิ่งอืดไปอีก ตอนนี้ปิดของตัวเองก็ยังโหลดของคนอื่นอีก T_T
อยากปิดให้หมดได้ไหมเนี่ย เวลา login ของตัวเอง แล้วเข้า Blognone แล้วไม่แสดง Avatar อ่ะ

bankkung's picture

My account >> Edit >>Selecting a different theme will change the look and feel of the site. เลือก theme No avatar

kaze's picture

เออ.. เนาะ ลืมไป ขอบคุณครับ ^^

takz1977's picture

ขอทดสอบด้วยอีกคนงับ งุงิ

atheist's picture

ทดสอบ

sugree's picture

เปิดบนมือถือแล้วเพิ่มความอืดได้นิดนึง

fake-or-dead's picture

ฮะโหลเทส

mofex's picture

ทดสอบหน่อย.. แล้วนอกจาก blognone แล้วยังมีเว็บยอดนิยมที่ไหนใช้ gravatar ด้วยอีกครับ จะได้ตามไปเล่น

wiennat's picture

wordpress.com ครับ

dearteno's picture

โอ้ สมัคร Gv ไว้นานแล้วไม่นึกว่าจะได้ลองใช้ จริง ๆ

crucifier's picture

แปลงร่าง!

tactics's picture

ทดสอบด้วยครับ

champ's picture

ทดสอบด้วยครับ

neon07's picture

ทดสอบก๊าป

sid's picture

สนุกสนาน :)

zangetsu's picture

ทดสอบของใหม่ด้วยคนครับ ตามกระแสBlognone

Linux Powered!

9AuM's picture

-__- เอาบ้าง

keng's picture

ภาษาไทย

songon's picture

ไม่โผล่

audy's picture

ถ้วนหน้ากันเลยนะครับ

o08neo's picture

ลองของใหม่

Mr.JoH's picture

ทดสอบ
Hello Universe


Lastest Science News @Jusci.net