DANH BẠ BLOGSPOT
CỘNG ĐỒNG
LƯU BÚT
GIẢI THƯỞNG TOP CTV
GIẢI THƯỞNG TOP CHÉM GIÓ
HỘI CHÉM GIÓ
TEMPLATE
SỔ LƯU NIỆM
Giới thiệu | Điều khoản sử dụng
Th ủ thuật B log ger
HOME
CÔNG CỤ ▼
SƠ ĐỒ SITE
HỖ TRỢ ▼
CÁC TÁC GIẢ ▼
ƯA THÍCH ▼
B-CARE + ▼
Tư vấn điều trị
bệnh khàn tiếng
www.trikhantieng.com
Bệnh nhân đến từ mọi miền đất nước Việt Nam
Liên hệ + 0913163316
Gia nhập hệ thống Linh Dung VnMart để khởi nghiệp
Đặt quảng cáo banner và giới thiệu sản phẩm tại đây
Tiện ích Nhận xét mới nhất có Avatar
51
Tag: Recent Comments 15/07/2011 Thời lượng đọc: 2:58
Tiện ích Nhận xét mới nhất có Avatar (Recent Comments with Avatar Widget) có thể nói là một trong những tiện ích khó hoàn thiện nhất đối với blogspot. Gần đây blogger Fan Dung đã nghĩ ra cách kết hợp PHP để lấy Avatar cho tiện ích Nhận xét mới nhất, tuy nhiên khuyết điểm lớn vẫn là tốc độ load khá chậm, một vấn đề không dễ khắc phục.
Trong lúc chờ Blogger có những cải tiến trong thời gian tới, mình đã phát triển từ script của Fandung.com để tạo tiện ích Nhận xét mới nhất có Avatar với tính năng lấy Avatar riêng cho người nhận xét với tư cách: OpenID, Tên/URL, Nặc danh, Blogger. Riêng đối với người nhận xét với tư cách đăng nhập tài khoản Blogger, hiện tại mình chưa tìm ra cách để lấy Avatar tự động (vừa tự động vừa load nhanh) cho nên phần này mình Add Avatar thủ công (ở đây đã Add Avatar cho một số người nhận xét thường xuyên trên các blogspot phổ biến hiện nay, bạn có thể tự nghiên cứu và Add thêm Avatar vào). Cho dù hơi thủ công song hiệu quả đem lại cho tiện ích vẫn là tốc độ load nhanh.
Hy vọng trong thời gian tới các cao thủ sẽ cùng nhau hợp lực để hoàn thiện tiện ích Nhận xét mới nhất có Avatar.
Bạn có thể xem Demo trên phần sidebar của Thủ thuật Blogger.
Để cài đặt tiện ích này, bạn chỉ cần đặt đoạn code bên dưới vào một tiện ích HTML/Javascript.
Việc bạn cần làm là điều chỉnh theo các điểm chú thích được đánh dấu màu xanh trong đoạn code ở trên. Ở phần CSS chỉnh số 220 cho tương thích với chiều rộng phần chứa nội dung nhận xét khi áp dụng trên blogspot của bạn.
Tại dòng
if(avatarUrl.$t.match("00819429141342166010")) { avatarT = cm_avatar['admin'] ;}
Thay chuỗi số được đánh dấu màu đỏ bằng chuỗi số Profile ID của bạn.
Hy vọng bạn có thể tạm thời hài lòng với tiện ích này.
Related Posts
Tiện ích Nhận xét mới nhất kiểu Aut...
Tiện ích Nhận xét mới nhất có icon
Tiện ích Nhận xét mới nhất theo kiể...
Tiện ích Nhận xét mới nhất không dù...
Tiện ích Nhận xét mới nhất sử dụng ...
Bài viết của ADMIN
Theo dõi: Blogspot | Facebook | Twitter | Google +
Huỳnh Nhật Hà là một nhà phân tích kỹ thuật dự báo các thị trường chứng khoán, vàng, tiền tệ và hàng hóa. Anh ấy có đam mê viết blog về kỹ thuật thiết kế webblog trên nền tảng Blogger. Liên hệ: webmaster@thuthuatblogger.info.
{51 bình luận … Add yours ?}
vietutd 22:15:00 15-07-2011
Các cao thủ blogspot VN giờ nhiều như nấm mọc sau mưa, hoa hết cả mắt :)
Reply
Huỳnh Nhật Hà
ADMIN 22:25:00 15-07-2011
Đúng là cao thủ vina blogspot ngày càng nhiều, như cao thủ võ lâm vậy. Mời Vietutd cùng chia sẻ ý tưởng hoàn thiện tiện ích này nhé. Thanks in advance. :68)
Reply
Ngọn lửa nhỏ blog 00:54:00 16-07-2011
:55) :55) :55) :55)HURAAAAAAAAAAAAAAA
TUYỆT VỜI,TRÊN CẢ TUYỆT VỜI.CẢM ƠN NHẬT HÀ NHIỀU NHIỀU NHIỀU :55) :55) :55)
Reply
CAA 02:24:00 16-07-2011
Hình như bác mới chỉnh lại code, CAA cũng đang sử dụng thủ thuật này của bác. Cộng cho bác 1 điểm
:( không nhìn thấy nút +1 đâu
Reply
Ngankvn ® 04:06:00 16-07-2011
Trời đất
Chả dính dáng gì đến script của FD cả
Cả tính năng cũng không liên quan
Cái avatar mà add thủ công thì bên bác TienNguyen làm từ đời nảo đời nào rồi @@
Cái mình đang dùng là từ hồi Anh Vo còn hoạt động hồi năm 2009 đã hướng dẫn, mình nhờ bác Tien Nguyen cải tiến lại
Dù sao cũng thank bác
Reply
Huỳnh Nhật Hà
ADMIN 08:22:00 16-07-2011
Chú Ngân nói chưa chính xác, nếu nói Avatar add thủ công thì a tạo trước TN lâu, k tin cứ hỏi TN, thủ thuật ở bài này là kiểu thứ 2 đấy chú à.
Reply
peace19812006 22:02:00 16-07-2011
Đúng rồi, trước em cũng có xài cái tiện ích recent comments của anh Hà. Hì, bê về xài thôi. À, anh Hà chỉ hiệu ứng khi rê chuột vào ảnh của comment đi! :D Bữa nào viết bài về blog anh thì anh nhớ cho ý kiến nha.
Reply
Pika Rock 11:31:00 16-07-2011
:-? khi add nhiều ava thế này công nhận load chậm thật
Reply
blue79blog 12:44:00 16-07-2011
đúng rồi, lúc trước a.Hà đã có một bài như thê này rồi mà...em thấy bây giờ cũng đâu có gì khác biết. đều là add thủ công!:53)
Reply
Lê Trương Vĩnh Trung 22:14:00 16-07-2011
Anh Hà ơi cho em hỏi, đôi lúc blog em có người comment thì 1 lát xong comment đó tự nhiên bị xóa, có cách nào khắc phục ko anh
Reply
Huỳnh Nhật Hà
ADMIN 21:13:00 17-07-2011
Sao tự nhiên bị xóa được e. Nó nhảy vào bộ lọc spam của Blogger chớ. Em vào Comments kiểm tra mục Spam sẽ thấy mà.
Reply
Ngankvn ® 22:26:00 16-07-2011
Thế còn với Anh Võ bên ViêtwebGuide thì sao ?
Reply
peace19812006 22:31:00 16-07-2011
Hồi đó giờ mình ít ghé sang đó lắm nên chưa dám nhận xét :)
Reply
peace19812006 22:30:00 16-07-2011
Cái cm_avatar có cần chính xác không anh Hà, sao em đã ghi rõ đúng tên những người thường comment bên blog em mà vẫn chỉ hiển thị hình ảnh của Blogger.
Reply
NAD 09:50:00 17-07-2011
Bác Hà ơi, ae mình đặt link liên kết nhé :D
Reply
peace19812006 11:53:00 17-07-2011
Sẵn anh Hà đặt link liên kết với em nha, em đã add của anh rồi.:54)
Reply
Lamkan Studio 13:47:00 17-07-2011
Tên em có trong danh sách avatar và blog xuất hiện trên phần code kia
Vui quá xá
Reply
Lamkan Studio 13:52:00 17-07-2011
cm_avatar['lamkan'] = "http://1.bp.blogspot.com/-uhdosx9r8E4/Thvt9mN9F5I/AAAAAAAAAig/wGvXuo6hcPM/s220-h/8.jpg";
Anh Hà cập nhật lại chỗ code ảnh em đi nha
Em thay ảnh roài mà ^^
hehehehehe
Reply
Lucas 20:25:00 17-07-2011
Hay vậy, mình làm thử coi. Hình như Avatar này chỉ dùng cho mã nguồn Wordpress thôi, đúng không?
Reply
Huỳnh Nhật Hà
ADMIN 21:18:00 17-07-2011
Với Peace vốn có mối thâm giao nên a sẽ đặt link vào Bạn bè. Riêng NAD nếu có nhã ý kết bạn sẽ đặt vào đám mây Bạn bè luôn?
Reply
peace19812006 21:27:00 17-07-2011
Thanks anh! Mà anh chưa trả lời comment số 12 của em đó! :D
Reply
Huỳnh Nhật Hà
ADMIN 21:33:00 17-07-2011
Tên k cần chính xác như tên Comment Author, mà phải thống nhất:
Ví dụ tên người nhận xét là Nguyen Van A thì a có thể đặt code như thế này:
cm_avatar['ngvanA'] = "URL_Avatar";
…..
else if(avatarUrl.$t.match("XXXXXXXXXXXXXX")) { avatarT = cm_avatar['ngvanA'] ;}
Thay chuỗi XXXXX… bằng chuỗi số Profile ID của người nhận xét tương ứng.
Reply
peace19812006 22:00:00 17-07-2011
Thanks anh, đã áp dụng thành công. Nhưng chẳng hiểu sao có đôi khi chữ nó bị chạy ra ngoài khung luôn đó anh Hà, refresh lại thì hết!
Reply
Huỳnh Nhật Hà
ADMIN 15:58:00 29-07-2011
Add cái này vô là ok:
.rcavatar-content {float:left;margin:0;width:220px}
(đã update vào code)
Reply
Huỳnh Nhật Hà
ADMIN 22:10:00 17-07-2011
Thế thì thêm CSS cho tiện ích:
#rcommentwg {width:XXXpx}
XXX bao nhiêu cho phù hợp với phần sidebar. Có thể thêm padding-left, hay margin gì đó...
Reply
NAD 22:39:00 17-07-2011
Em đã đặt link của bác, rất vui đc làm quen :D
Reply
FreeDocs.tk- Kho download hàng ngàn bài luận văn miễn phi 18:16:00 18-07-2011
Oái, cái wig này nặng quá, load không nổi bác ah. có thể nào làm cho nó nhẹ hơn một chút không ?
Bác qua xem site của em dùm với. Nó gần giống website rùi đó :
http://freedocs.tk
Reply
Huỳnh Nhật Hà
ADMIN 19:21:00 18-07-2011
Widget này có gì đâu nặng, trên Bloggerism load nhanh mà. Freedocs gần giống chứ chưa giống website. Bạn đi spam đấy à, freedocs chơi popup sẽ gây phiền cho người đọc đấy bạn.
Reply
Nguyễn Đức 08:51:00 27-07-2011
Cái này add avatar thủ công :61)
Reply
Ngọn lửa nhỏ blog 23:27:00 28-07-2011
Tìm ra rồi comment số 24
Reply
Ngọn lửa nhỏ blog 23:29:00 28-07-2011
Chém thêm cái nữa may ra được lên "bảng vàng" chém gió của bác :51)
Reply
Ngọn lửa nhỏ blog 20:24:00 29-07-2011
Đã ok,đa tạ nhé :55)
Reply
peace19812006 20:40:00 06-08-2011
Muốn thay background của tiện ích này thì làm sao anh Hà?
Reply
Phim Online 21:12:00 06-08-2011
Bác thêm một css ở phần style là dc
#rcommentwg{background:blue;}
Reply
peace19812006 09:19:00 07-08-2011
Không được đâu, mình đã áp dụng thử rồi.
Reply
Phim Online 22:20:00 07-08-2011
bác thử thay
var str = "
";
bằng cái này thử xem
var str = "
";
Reply
peace19812006 23:19:00 07-08-2011
Cũng vậy, chắc phải nhờ anh Hà :51)
Reply
Huỳnh Nhật Hà
ADMIN 07:41:00 08-08-2011
Giải quyết vấn đề ở blog của Peace:
Edit màu nền cho sidebar thì đụng đến CSS này:
.sidebar .widget{
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXip3RWfORHLApxprNhMZKlrlV8tvCtyUDag7obLwa8IURTgtAgVvEJnXKL-Z-mJKAgJQmdMO9RGZKxMXdVjvQ29al8yOEBn-bmewLmbxZbD8XT63mNWLmc1CUEc6-SfsOpdeBo-67unoa/s1600/picture003.jpg
)
Do tiện ích Recent Comments này sử dụng table, mà trong Template của Peace có bộ CSS table rồi nên có đặt CSS thế nào cho tiện ích đó cũng bó phép ngàn năm luôn. Phải đụng đến (xóa hoặc edit) này trong Template nha:
table td, table th{
text-align: left;
padding: .4em .8em;
}
table th{
background: #fff ;
color: #999;
text-transform: uppercase;
font-weight: normal;
border:none;
}
table td{
background: #e4e4e4;
border:none;
color:#555;
}
table tr.even td{
background: #eee;
border:none;
}
table tr:hover td{
background: #FFF9DF;
}
Reply
peace19812006 19:25:00 08-08-2011
Cảm ơn anh Hà nhiều :51)
Reply
Khactrinhdk 12:54:00 18-08-2011
cảm ơn bạn nhé
Reply
tomy Quyền 16:58:00 27-08-2011
em làm đk rồi .kam on admin
Reply
Linh Dung 23:15:00 05-09-2011
Không hiểu sao khi em áp dụng thủ thuật này lại không hiển thị avatar anh Hà ạ, em chỉnh sửa theo hướng dẫn mà vẫn không được chứ!
Reply
Huỳnh Nhật Hà
ADMIN 23:19:00 05-09-2011
A đã test cho trang của e rồi, OK mà. E đã thay homepage URL chưa
Reply
Linh Dung 23:29:00 05-09-2011
Anh hướng dẫn cụ thể như trên em khó mà làm sai lắm, từ URL Admin, ID đến homepage URL em thay hết mà nó chỉ hiển thị ảnh OpenID của Blog anh ạ. Đây là ảnh thủ thuật này bên Blog em: https://lh4.googleusercontent.com/-lM5gyL-vUKI/TmT4pYeCMGI/AAAAAAAACDo/3iMLXsF4iyg/s800/r-comment.png anh xem nhé!
Reply
Linh Dung 23:34:00 05-09-2011
Đây là ảnh lỗi anh ạ: https://lh4.googleusercontent.com/-lM5gyL-vUKI/TmT4pYeCMGI/AAAAAAAACDo/3iMLXsF4iyg/s800/r-comment.png
Reply
Huỳnh Nhật Hà
ADMIN 07:34:00 06-09-2011
LD làm lại thật kỹ theo hướng dẫn nhé, nếu muốn add thêm Avatar thì phải add theo thứ tự chứ k là bị lỗi đó.
Reply
Huỳnh Nhật Hà
ADMIN 09:27:00 08-09-2011
Linh Dung thay chuỗi ProfileID sai rồi nên mới bị lỗi đó. ProfileID là chuỗi số ID hồ sơ chứ k phải BlogID nhá. Ví dụ đây là URL đến trang hồ sơ của LD: http://www.blogger.com/profile/11693764736748274065 thì 11693764736748274065 chính là ProfileID.
Reply
Linh Dung 00:28:00 18-10-2011
Tiện ích này sao ở phần foooter của em thì author và thời gian không nằm trên 1 hàng anh nhỉ!
Reply
Huỳnh Nhật Hà
ADMIN 00:34:00 18-10-2011
Do code CSS chung cho phần footer ảnh hưởng đó em, là CSS cho ul, li, a đó mà. E ngâm cứu điều chỉnh nhé. Đang buồn ngủ đi ngủ trước đã, mai tính tiếp.
Reply
Linh Dung 00:36:00 18-10-2011
Vậy mà em nghĩ tiện ích này không liên quan gì đến thẻ ul, li, a chứ hì! Cảm ơn anh! Ngủ ngon nha anh! Em ngâm cứu tý nữa!
Reply
Daily.188Bet 16:58:00 18-10-2011
e đang xài cái này. sao mấy hôm nay tự dưng hok thấy hiện comment nữa là sao nhỉ.hixx..
Reply
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.
Chọn Xóa
NEXT POST:
Tạo hộp thoại thông báo với hiệu ứng trượt
PREVIOUS POST:
Tạo banner quảng cáo hiển thị luân phiên
Bài xem nhiều
Mình không muốn viết blog nữa
Hướng dẫn đăng ký tham gia Cuộc thi tìm kiếm tài năng forex năm 2012
Cuộc thi tìm kiếm tài năng forex năm 2012
Mình không muốn viết blog nữa
Hiển thị thông tin bài viết trên sidebar
Bài viết mới nhất cho nhãn không dùng Javascript
Congly Blogger Theme
Bình luận mới
Jinda on Tiện ích Người theo dõi biến mất vì Prototype?
D.N.H on Chống copy văn bản bằng cách vô hiệu hóa right cli...
Ken on Ghi danh Khóa học HTML5 & CSS3
Phụ Trách Nhân Sự on Chia Header thành 2 phần hoặc 3 phần
TDT on Tiện ích Bài viết ngẫu nhiên luân phiên
Bài viết mới
Thêm 1 số mẫu trình bày code đẹp cho blog.
Hướng dẫn đăng ký tham gia Cuộc thi tìm kiếm tài năng forex năm 2012
Cuộc thi tìm kiếm tài năng forex năm 2012
Tống tiễn năm cũ, nghinh đón năm mới 2012
Mình không muốn viết blog nữa
Congly Blogger Theme
Tham khảo cho bài đang đọc
Chưa có tài liệu nào
New Disqus
Vishiha9x tool này không dùng được nữa hả bác ? em không dùng được
http://www.thuthuatblogger.info/p/css-compressor.html · 1 month ago
٩(͡๏̯͡๏)۶Quỳn to tướng anh ơi làm sao để ghắn thanh phá nhạc như anh đc .em đang làm một trang rap.kiểu này hay quá .tiện :D
Music | Thủ thuật Blogger · 2 months ago
Quang anh hà cho em xin cái code trang này về làm nghe nhạc chơi anh hà:D
Music | Thủ thuật Blogger · 3 months ago
Huỳnh Nhật Hà Có mà bạn. Đây http://www.thuthuatblogger.inf...
Quy định sử dụng | Thủ thuật Blogger · 3 months ago
Nguyễn Hòa Mình muốn gia nhập trang này, nhưng không thấy phần này???
Quy định sử dụng | Thủ thuật Blogger · 3 months ago
Top Disqussers
Huỳnh Nhật Hà
6 · 8 posts
Phạm Việt Cảm
1 · 4 posts
ThangCPhan
7 · 1 post
Minh Triết
98 · 1 post
Quang
1 · 1 post
Thủ thuật Javascript
Đếm lượt xem bài viết bằng cookie
Hướng dẫn tạo list game flash cho Blogspot
Thủ thuật yêu cầu: Script liệt kê và gọi script
Thủ thuật yêu cầu: Ẩn hiện tiện ích trên sidebar
Tạo đoạn text hiển thị ngẫu nhiên và luân phiên
Tag Cloud
Admin Avatar Banner Blogger Template Blogging Bookmarks Breadcrumbs Buttons Chat Code Comments Contact Form Copyright CSS Customize Template Domain Emoticons Favicons Feeds Font Footnote Forum Header Holiday Effects HTML Image Effects Item Page Javascript jQuery Label Links Loading Speed Menu Mootools Music Pagination Popular Posts Popup Post Random Posts Read More Recent Comments Recent Posts Related Posts Requests Scriptaculous Search Box SEO Sitemaps Slideshow Tab Tooltips Twitter Widgets Youtube
Thủ thuật Scriptaculous
Cài đặt plugin Lightwindow cho blogspot
Tiện ích Người theo dõi biến mất vì Prototype?
Kéo và thả hình ảnh và các thành phần khác
Kéo tiện ích sử dụng Scriptaculous
Hiệu ứng toggle cho nút Xem code sử dụng Scriptaculous
Ghi rõ nguồn "www.thuthuatblogger.info" khi phát hành lại thông tin trên trang này. Xem tốt nhất ở độ phân giải 1024 x 768 pixel. Trang này được xây dựng trên nền tảng Blogger sử dụng Burning Flame Template với tên miền tùy chỉnh.
†
© 2010-2011 - Thủ thuật Blogger| Hỏi đáp| Đề xuất
Điều khoản sử dụng
