WordPress Gravatar Plugin
Đây là plugin dành cho Wordpress. Plugin này sẽ tạo ra một tag có tên là gravatar để khi đặt trong một vòng lặp, nó sẽ trả về URL của Gravatar từ email của người viết comment.
Download
Sau khi download, hãy giải nén plugin này trên máy tính của bạn để sẵn sàng cài đặt
Cài đặt
1. Upload toàn bộ folder chứa plugin này lên wp-content/plugins trên webhost của blog.
2. Active plugin này trong phần Plugins.
Sử dụng
Sau khi active xong, hãy mở file comments.php trong theme mà bạn đang sử dụng ra. Bạn có thể edit lại file comment.php từ sau dòng chữ chú thích “<!– You can start editing here. –>”.
Nếu muốn Gravatar hiển thị như của Phamen thì thêm câu lệnh
<img src=”<?php gravatar(); ?>” alt=”Gravatar” />
Vào trong đoạn code này
<?php foreach ($comments as $comment) : ?>
<li class=”comment <?php echo $oddcomment; ?>” id=”comment-<?php comment_ID();$ix++; ?>”><img src=”<?php gravatar(); ?>” alt=”Gravatar” /><a href=”#comment-<?php comment_ID(); ?>
Xong xuôi, bạn nhớ save những gì đã làm lại nhé!
Ok, vậy là xong rồi, vậy là những người viết comment có thể hiển thị Gravatar trên blog của bạn rồi đấy.
66 Ý kiến cho bài viết này.
November 6th, 2007 lúc 9:56 pm
thanks
January 13th, 2008 lúc 10:34 pm
em đã thực hiện giống như anh phamen chỉ
nhưng đến bước tìm đoạn code để chèn thì không có đoạn nào giống:
<li class=”comment ” id=”comment-”><a href=”#comment-
nó hơi khác một chút.
em đã thử nhưng chẳng thấy gravatar hiện lên.
chỉ xuất hiện một hình ảnh đã mất nguồn và có dấu x màu đỏ ở giữa và chữ “Gravatar”.Anh có thể giúp em tìm hiểu nguyên nhân tại sao không?
thanks
January 14th, 2008 lúc 1:06 pm
Đúng là mỗi theme một khác vì mỗi nhà thiết kế sự dụng kiểu định nghĩa và từ ngữ khác nhau trong CSS.
Nếu bạn đặt ko hợp lý, lệnh gọi gravatar có thể không hiển thị.
Hãy cho Phamen biết bạn đang sử dụng theme gì thì Phamen mới giúp được.
January 14th, 2008 lúc 3:17 pm
Em đang sử dung theme:seashore-10
anh làm ơn giúp em.
thanks
January 14th, 2008 lúc 5:02 pm
Có phải cái theme mà bạn dùng là theme này không: SeaShore 1.0
Nếu đúng, bạn hãy mở file comment.php của theme này ra, tìm đoạn code sau và chèn vào dòng code như chữ bôi đen ở dưới:
<li id=”comment-<?php comment_ID() ?>” class=”<?php echo $oddcomment; /* Style differently if comment author is blog author */ if ($comment->comment_author_email == get_the_author_email()) { echo ‘ authorcomment’; } ?>”>
<div style=”float: left; margin: 5px”><img src=”<?php gravatar(“R”, 60); ?>” alt=”Gravatar” /></div>
<div class=”cmtinfo”><small class=”commentmetadata”><a href=”#comment-<?php comment_ID() ?>” title=”">#</a> </small><cite><?php comment_author_link() ?></cite><em>on <?php comment_date(‘d M Y’) ?> at <?php comment_time() ?> <?php edit_comment_link(‘edit this’,”,”); ?></em></div>
<?php if ($comment->comment_approved == ‘0′) : ?>
<em>Your comment is awaiting moderation.</em>
<?php endif; ?>
<?php comment_text() ?>
</li>
Giải thích về đoạn code mà Phamen dùng:
<div style=”float: left; margin: 5px”><img src=”<?php gravatar(“R”, 60); ?>” alt=”Gravatar” /></div>
- Float: left – Căn lề cho ảnh nằm bên trái. Nếu bạn muốn hiển thị bên phải như của Phamen thì đặt thành “right”.
- Margin: 5px – Chỉnh cho ảnh cách lề 4 xung quanh là 5 px. Nếu thích bạn có thể tăng hoặc giảm.
- Con số 60: là size của ảnh, nếu thích bạn có thể tăng lên là 80, 100, 120.
- Alt=”Gravatar”: đây là câu lệnh khi ảnh không hiển thị thì chữ này sẽ thay thế. Bạn có thể thay là bất kì gì.
Hi vọng bạn thành công!
January 17th, 2008 lúc 2:54 pm
thanks
em đã làm được rùi.
January 27th, 2008 lúc 7:04 am
^__^’… Bác Hiển bắt đầu bị Spam comment rồi
January 27th, 2008 lúc 2:03 pm
Bị từ lâu rồi Viettut à, mỗi ngày ít cũng phải 10 spam comment của bọn nước ngoài, nhưng bị chặn hết. Đây là một trong số ít oi bị lọt.
January 28th, 2008 lúc 6:12 am
hì, anh Phamen lại để lọt kìa
February 2nd, 2008 lúc 11:41 am
Em bị như thế này, sửa thế nào ạ ?
http://hbnok.vnno1.com/untitled.JPG
(mũi tên số 1) nó có khoảng cách giữa tên và bài viết và hình ảnh không ở ngang tên như blog phamen.
(mũi tên số 2) khi duyệt trong firefox nó bị như vậy, còn trong IE thì nó thẳng đều bên phải. Hướng dẫn em cách sửa cho firefox hiển thị đúng nhé.
Em cảm ơn !
February 2nd, 2008 lúc 3:56 pm
Phamen không mở được link mà bạn cung cấp.
February 2nd, 2008 lúc 4:55 pm
http://hbnok.vnno1.com/untitled.JPG
http://aycu30.webshots.com/image/43429/2002827805182591511_rs.jpg
Link nè anh.
February 4th, 2008 lúc 11:31 am
Nhìn không mà nói thì cũng khó lắm bạn. Phải xem style của Theme mà bạn đang dùng mới giúp chắc chắn được.
Nếu bạn vẫn không thể làm được, hãy gửi theme của bạn đang sử dụng, nếu đủ khả năng Phamen sẽ làm giúp bạn.
February 11th, 2008 lúc 11:57 pm
cám ơn anh nhiều lắm, em đã tự làm được cho blog mới tạo của em dựa vào chỉnh sửa đoạn mã của anh .
February 29th, 2008 lúc 9:41 pm
Hello there.
Just found your site. Great job!
I like it much.
look here http://live.com
March 1st, 2008 lúc 11:19 pm
Anh Phanmen chỉ em sửa code trong theme này với
Theme: BloggingPro Theme – Widgets Ready 1.2 by Elena G.
March 6th, 2008 lúc 4:39 pm
Sao em cung ko lam dc nhi? Chan’ wa’:(
March 6th, 2008 lúc 5:23 pm
To: Jackiviet,
Sorry bạn, trả lời nhiều quá nên bị quyên mất comment của bạn.
Bạn muốn chỉnh sủa thế nào? Bạn hãy upload theme đó lên và đưa link cho Phamen để Phamen down theme về sửa cho bạn.
To: Tuoiti,
Bạn làm thế nào mà không được?
March 6th, 2008 lúc 8:10 pm
@Phamen: Cám ơn Bác. Thôi em ko cần cái đó nữa. Em định làm cái wed cho lớp. Học mò mãi làm chẳng ra hồn, mà lại ko theo í mình.
Ra trường 6-7 năm rồi muốn cho bạn bè vào xem kỉ niệm cũ í mà! ^_^
Bác có thể sửa cái themes giúp em được không? Bác có nick yahoo chứ? Thanks Bác.
March 8th, 2008 lúc 1:15 pm
Em cũng phải sorry anh, vì mãi ko thấy câu trả lời từ anh nên em cũng quên đi mất. Link http://www.bloggingpro.com/themes/bloggingpro_mt.zip
March 12th, 2008 lúc 4:51 pm
To: Tuoiti,
Bạn cần sửa theme như thế nào? Dạo này Phamen bận quá nên không thường xuyên trả lời các câu hỏi trên blog được.
Bạn muốn xửa theme thế nào thì hãy post cái link của theme đó lên đây, và ghi rõ bạn muốn xửa thế nào để Phamen làm cho bạn. Chứ bạn nói thế thì Phamen không biết giúp thế nào.
To: Jackiviet,
Bạn định xửa lại cái theme này thế nào?
March 23rd, 2008 lúc 8:57 am
Em xin làm phiền anh phamen một chút.
em đang sử dụng theme feelthefreedom
http://www.web2themes.com/download-manager.php?id=3
em sử dụng gravatar plugin nhưng không được.
tình trạng giống như khi sử dụng thêm SeaShore 1.0
mong anh giúp em sớm khi có thể
xin cảm ơn anh.
April 17th, 2008 lúc 1:16 pm
ok thử nhé anh Phamen.
April 17th, 2008 lúc 1:17 pm
sorry, SPAM cái nữa
June 5th, 2008 lúc 11:22 am
anh Phamen ơi..em xài template tên la` Fashy…anh có thể vào web em coi template này…www.ceo21.net.. anh bày em cách để config cái gravata nhé anh .. thanks anh nhiều..
June 16th, 2008 lúc 6:48 pm
Xin lỗi bạn, sau khi mình test xong nhờ bạn xóa dùm, thanks
Ký tên: Vị khách không mời ^^!
June 18th, 2008 lúc 6:33 pm
Anh Phanmen có thể chi cho em cách viết tiếng việt trong Wordpress.com được không, vì em đã vào rồi đăng ký theo hướng dẫn của anh nhưng không viết được
June 18th, 2008 lúc 11:16 pm
@Bài viết hay: bình thường wordpress.com đã hỗ trợ tiếng việt rất tốt rồi mà bạn
July 6th, 2008 lúc 7:55 am
không thể nào hiện nên được bác ạ.
<li class=”" id=”comment-”>
on <a href=”#comment-”title=”"> at
comment_approved == ‘0′) : ?>
Your comment is awaiting moderation.
Bác coi dùm xem em phải chèn nó vào chỗ nào?
July 21st, 2008 lúc 8:57 am
Cho em thử cái
July 21st, 2008 lúc 9:00 am
@Bài viết hay: Hỗ trợ tiếng việt hay không là tùy vào theme của blog bạn, nếu muốn sửa theme bạn vào Edit Theme rùi chọn Style Sheet và sửa thui.
August 19th, 2008 lúc 9:06 am
Em dung` skin vista thi` chen` vao` da^u va^y.?
August 19th, 2008 lúc 11:24 am
To: Trần Mạnh Quang,
Bạn chèn như ở trong bài viết mà Phamen đã nói.
August 19th, 2008 lúc 11:28 am
skin NÀO CŨNG VẬY CỨ MỞ FILE comments RA VÀ THÊM CODE VÀO THÔI :d
August 19th, 2008 lúc 12:01 pm
Em thấy ko có đoạn này:
<li class=”comment ” id=”comment-”><img src=”” alt=”Gravatar” /><a href=”#comment-
August 19th, 2008 lúc 12:05 pm
Cái code đấy của em như thê này
<li id=”comment-”>
said on
comment_approved == ‘0′) : ?>
Your comment is awaiting moderation.
<a href=”#comment-” title=”"> at
August 19th, 2008 lúc 12:26 pm
To: Trần Mạnh Quang,
Thật ra, để làm cho Gravatar hiển thị ở vị trí nào, kích cỡ ra sao… theo đúng ý của mình thì ngoài việc thêm đoạn code của Gravatar vào file comment.php, bạn còn phải xem file style.css của theme đó nữa thì mới làm theo đúng ý mình được. Và có khi bạn phải chỉnh sửa lại cả style của theme để nó tuân theo ý mình.
Và mỗi theme họ có cách trình bày khác nhau, nên không phải 100% đều giống nhau.
Bạn chỉ đưa cho Phamen một đoạn code ngắn ngủn đó thì quả là làm khó cho Phamen rồi.
Nhìn vào đó thì Phamen cũng không biết giúp bạn thế nào được. Nhưng qua xem blog của bạn thì đã chèn được rồi mà.
August 19th, 2008 lúc 2:08 pm
Mọi người cho mình hỏi làm cách nào để hình ảnh trong bài viết sẽ tự động thu nhỏ lại không vượt ra ngoài khung bài viết vậy.
Chỉ cho mình với nha.
Thank mọi người nhiều nhiều!
August 19th, 2008 lúc 3:01 pm
Bạn làm theo hình minh hạo bên dưới này nha dễ thôi mà
http://farm4.static.flickr.com/3170/2776843735_0931c98d0b_o.jpg
August 20th, 2008 lúc 9:29 am
Ý mình là dùng Script để tự động Resize mà, chứ dùng manual thế chắc chết quá …
Bạn chỉ cho mình cách bỏ cái số đếm trên Category đi với, mình mới dùng thử WP nên tìm không thấy cái này …
Thanks nhiều …
September 6th, 2008 lúc 10:34 am
Bác Phamen giúp em với
Em dùng theme NotePad Chaos
September 6th, 2008 lúc 10:36 am
Em dùng đoạn code của bác
<img src=”” alt=”Gravatar” />
rồi những mà nó vẫn chỉ hiện là ”Gravatar” thôi ạ
September 6th, 2008 lúc 1:06 pm
To: Langthang,
Để bỏ số điếm trên category đi. Rất đơn giản, bạn phải dùng Category Widget và bỏ stick chọn ở ô “Show post counts” đi là được.
————–
To: Sil,
Bạn cho Phamen cái link của theme này được không? Chứ đi tìm cái Theme này thì không biết là bạn đang dùng phiên bản nào của nó để giúp.
September 6th, 2008 lúc 3:38 pm
http://freecodevn.com/for@um/showthread.php?t=52701
Em sử dụng bản theme đc share ở đây
September 6th, 2008 lúc 3:41 pm
nguyên gốc cái theme của em là ở đây
http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/
September 7th, 2008 lúc 5:19 pm
Chào Sil,
Bây giờ Phamen mới có thời gian xem cho bạn được.
1. Bạn vào đây download Gravatar plugin: http://en.gravatar.com/plugins/wp_gravatar.zip và upload lên host > Active
2. Bạn download 2 file sau về và upload đề lên các file cũ mà bạn đang dùng trong theme nhé: http://www.mediafire.com/?sharekey=606f49683f0db40ad2db6fb9a8902bda
Phamen đã thêm một số tag và một số style trong theme này để nó hiện đúng ý muốn. Do vậy bạn phải upload đè lên các file cũ nhé. Phamen đã test thử, nó chạy tốt trên tất cả các trình duyệt.
Nếu có lỗi gì thì báo cho Phamen nhé!
September 7th, 2008 lúc 11:27 pm
Em cảm ơn bác Phamen nhiều nhé ^^ avatar của em hiển thị ngon lành được rồi ạ
October 25th, 2008 lúc 11:27 pm
Sao em ko đưa dc trên theme site em nhỉ?
October 26th, 2008 lúc 8:14 am
sao em sửa mãi vẫn ko lên cái hình, chỉ hiện chữ ”Gravatar” thôi
Em đang dùng theme Techy People, giúp em nhé
October 27th, 2008 lúc 1:47 am
em đã làm dc roài anh Phamen, hix hum wa cũng thế ko lên, hum nay tự nhiên sửa lại cũng thế lại load hình lên, chả hỉu lun
January 19th, 2009 lúc 3:26 pm
thanks. Quả thực phải mất cả tuần mới nghiền ngẫm hết những gì bạn đã share.
February 23rd, 2009 lúc 11:10 pm
Bạn có thể xem và hướng dẫn code đó để ở đâu không. xin cảm ơn
March 1st, 2009 lúc 11:31 am
e đang sai themes VN-New 1.2.3
http://hieudt.info/wp-content/files/VN-News-1.2.3.rar ! A pHanMem ơi coi oy sử lại dùm e với nhé ! E cảm ơn a trước ak
March 2nd, 2009 lúc 5:03 pm
To: Minh Hoàng,
Đoạn code này để trong file comment.php trên theme của anh.
Nhưng đó là với các theme cũ. Với các theme mới và hệ thống WordPress 2.7 như hiện này thì Avatar và Gravatar đã tự động được tích hợp.
To: DungZjn
Không hiểu là bạn định nhờ Phamen điều gì? Đọc comment của bạn mà Phamen không hiểu?
March 6th, 2009 lúc 8:49 am
Chào anh!
Em đang nghiên cứu về wordpress. Không hiểu sao đoạn code comment của em không hoạt đông trong wordpress. Mõi lúc em nhấn vào Leave comment thi no đều tryền lên đầu trang. Anh có thể chỉ rõ cách nó làm viêc trong theme cho em đuợc không? Em đang dùng theme gear.
Thank anh
March 6th, 2009 lúc 11:33 am
To: LePHuong,
Phamen đã test thử theme Gear 1.2.5 và không thấy có lỗi này.
Phamen cũng không tìm thấy dòng nào có chữ Leave Comment trên theme này. Chỉ có Leave a reply.
Nếu bạn đang dùng theme phiên bản cũ hơn, hãy dùng phiên bản mới nhất Gear 1.2.5
CÒn nếu bạn đang dùng 1.2.5 mà vẫn bị lỗi, vui lòng cho biết địa chỉ blog của bạn là gì. Xem trực tiếp có lẽ sẽ dễ đoán bệnh của nó hơn bạn ạ.
March 23rd, 2009 lúc 8:30 pm
Rất hay bạn ạ. Thanks!
April 21st, 2009 lúc 6:48 am
Bài viết anh thật hay, em cũng tò mò làm thử nhưng lỗi liên tục, chỉ hiện mỗi chữ lên chứ chả thấy hình đâu cả… Làm mãi kô được nên nản quá….hic..hic..
May 1st, 2009 lúc 12:07 pm
chao Phamen!
that la kg biet noi gi hon la that cam on Phamen da co nhung bai viet that bo ich cho cong dong mang.Ban than toi kg hieu nhieu ve blog,web site..ma van co the lap duoc mot blog WP cho rieng minh dua vao nhung bai viet cua Phamen. Kg vui nao ta het duoc.Co le thoi gian nay Phamen qua ban nen kg trao doi nhieu voi anh em tren mang. toi that thong cam> Neu co the,Phamen huong dan cach lam blog tren byethost voi ten mien la free domain cua CO.CC nhe!Mot lan nua,xin cam on va chuc Phamen thanh cong trong cuoc song…
June 7th, 2009 lúc 3:25 pm
còn theme itheme thì chèn code thế nào vậy anh???
June 20th, 2009 lúc 4:02 pm
Test comment
January 15th, 2010 lúc 11:03 am
sao làm hoài ma ko được cai gravata. chẳn thấy hiển thị gì cả. em đang dùng thêm VN-New???
February 7th, 2010 lúc 10:46 pm
em đang dùng one theme v1.1.3 thì chèn ở chỗ nào hả anh phamen
April 3rd, 2010 lúc 5:09 pm
đồ keo kiệt có mấy dòng chữ cũng ko cho người ta copy lấy mấy dòng code mà phải đánh lại mệt bức chết.ít nhất mấy dòng code cũng đừng có cố định lại chứ.đồ cùi
April 19th, 2010 lúc 12:45 pm
rất mong phamem.com giúp mình tim themes của hieudt với ! mình rất cần themes đó
email : hackyeulam@gmail.com