Hôm nay:

BÀI VIẾT- BÀI LUẬN- GHI CHÚ

Xem tất cả Các bài luận- viết »

ĐỜI SỐNG CƠ ĐỐC

Xem tất cả Đời sống Cơ Đốc»

CHUYÊN MỤC HỎI ĐÁP

Xem tất cả Câu hỏi đáp »

.
Hội Thánh Kiền Bái » » Tạo Hộp Bình Luận Mới Nhất Pro

Tạo Hộp Bình Luận Mới Nhất Pro

Đăng bởi Bùi Qúy Đôn | Thứ Sáu, 4 tháng 10, 2013

In bài
Cỡ chữ: +A =A -A







TẠO HỘP BÌNH LUẬN MỚI NHẤT (RECENT COMMENTS)


 Là người "quản trị" Blog chắc hẳn các bạn đều muốn các khách tham quan khi ghé thăm đều để lại những lời nhắn động viên, trao đổi chia s, tâm sự kết bạn tại hộp comment....???
Với thủ thuật này, các commet của khách tham quan được xếp theo thứ tự mới nhất nằm trên hàng đầu tiên kèm theo ảnh avatar của khách (số lượng comments được hiển thị do bạn tuỳ chọn tối đa là 200 commentvàđược chứa đựng trong một hộp gọn gàng có thanh trượt để bạn có thể kéo xuống phía dưới để đc hết các comments mà không chiếm khoảng không gian của Blog.
Mời bạn bấm vào thẻ "Xem th" phía dưới để trải nghiệm trước thủ thuật này.

Thủ thuật này cũng khá đơn giản, bạn đăng nhập vào Blog > Chọn Bố cục > Chọn thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTMl/Javacript. Sau đó copy tất cả đoạn code phía dưới dán vào.

 <center><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;"><span style="color: red; font-size: large;">Bình luận mới nhất của các bạn</div></span>
<div style="border: 5px solid orange; color: cyan; height: 450px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 280px;">
<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 200,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 60,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script src="https://sites.google.com/site/dunghennessyjs/comment2.js" type="text/javascript"></script>
<script src="http://hoithanhkienbai.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=200" type="text/javascript"></script>
</div>
</center>



Bây giờ bạn thay đổi các dòng lệnh màu đ, trong đó:
* Background: màu nền của tiêu đề phía trên
* Color: màu chữ tiêu đề.
* Bình luận mới nhất của các bạn: bạn có thể thay đổi chữ nào mà bạn muốn.
Orange: màu của khung hộp, có thể thay red (đỏ), black (đen), white (trắng), Pink (hồng), yellow (vàng), green (xanh)....
* height: chiều cao của hộp.
* Width: chiều rộng của hộp
Thay đổi dòng lệnh màu xanh, trong đó:
* Color: Mã màu của comment
* Font-size: kích thước chữ comment
* AvatarSize: kích thước của Avatar
* Characters: số lượng từ của comment
* http://www.dunghennessy.blogspot.com bằng địa chỉ trang Blog của bạn
Thay đổi dòng lệnh màu vàng đây là số comments được hiển thị trong hộp (2 số này phải bằng nhau).
Cuối cùng bấm Lưu lại rồi trở lại blog xem kết quả nha.

Chúc các bạn thành công!!!



dungken


Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com


Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..


Share this article :
Blogger Comments ( 0 )
Facebook Comments( )
Google Comments

0 Ý Kiến- Bình Luận- Nhận Xét :

Đăng nhận xét



NỘI QUY ĐĂNG NHẬN XÉT
» Hội Thánh Kiền Bái Blog cảm ơn bạn đã giành chút thời gian để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét. Nhớ ĐỪNG ẨN DANH vì đây là điều TỐT để gây dựng Cơ Đốc.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét, bình luận phải lịch sự và gõ tiếng Việt có dấu .
Những lời comment thiện ý của bạn sẽ giúp trang Hoithanhkienbai Blog ngày một phát triển! Thank you!!!

SỨC KHỎE- ÐỜI SỐNG

Xem tất cả Sức khoẻ đời sống »

SẮC ÐẸP

Xem tất cả Sắc đẹp »

GIA CHÁNH

Xem tất cả Gia chánh »

MẸ & BÉ

Xem tất cả Mẹ và bé »