Recent Comments có Title màu xanh dương

Công dụng: Quản lý các dòng Comments của khách.
HÌnh mẫu nầy cho phép bạn xem, tôi đặt tên trên hàng là New Comments màu xanh da trời, Widget nầy đặt phía bên phải.

 

Live Demo

Cách làm như sau:

Vào Blogger, mỡ Bố cục>>Widget tiện ích>>HTML/JavaScdip

Chép Source Code dưới đây vào khung chứa của HTML/JavaScrip.

Source Code như sau:

<center>



<div style="font-weight:bold; border: 0px #30a1db solid; padding:5px; text-align:center; background:#9fc5e8;"><span style="color: Black; font-size: large;">New Comments</span>



</div>



<div style="border: 0px solid orange; color: cyan; height: 250px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 230px;">



<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://ngdkhanh.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=200" type="text/javascript"></script>



</div>



</center>

Chú thích:

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 đó:

* AvatarSize: kích thước của Avatar

* Characters: số lượng từ của comment

* Thay http://ngdkhanh.blogspot.com/ bằng địa chỉ trang Blog của bạn

Cuối cùng bấm Lưu lại rồi trở lại blog xem kết quả. Chúc các bạn thành công!!

Khanhnguyen' s blog

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..