"Người lớn chẳng bao giờ tự hiểu được cái gì cả, và thật là mệt cho trẻ con khi cứ phải giải thích cho họ. (Hoàng từ bé)


18/7/18

Recent comment đơn giản cho blogspot

Để thêm widget recent comment cho blogspot, vào Bố cục > Thêm tiện ích > HTML/Javarscript dán đoạn code sau vào khung code và save lại.
<style scoped="" type="text/css">
ul.blogduykhanh_recent{list-style:none;margin:0;padding:0;}
.blogduykhanh_recent li{background:transparent;margin:0 0 6px!important;padding:3px 
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.blogduykhanh_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.blogduykhanh_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.blogduykhanh_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHns9yIgg2CRULQMFIbUDP74ak6l4-hBQFt8N8tPVD_8KctlKgKfAsN5Kv-KKemkng7tfc_Va4piw7vEVBOgrcRmTpaPwQdqHHnpblG40qSL6L2JBqzYWluo9CAf5nf461DnUcPWt_g0A/s1600/avatar-blogduykhanh.png",

 hideCredits = true;
 maxfeeds=50,
 adminBlog='BLOGDUYKHANH';
//]]>
</script>
<script src="https://googledrive.com/host/0B5VqGSVMkE9IWXM3VUlfRldQbUE/" type="text/javascript"></script>
<script src="/feeds/comments/default?alt=json&amp;callback=blogduykhanh_recent&amp;&amp;max-results=50" type="text/javascript">
</script>
Trong đoạn code trên bạn chú ý đoạn code màu đỏ, đó chính là những thông số của widget có thể thay đổi được.
  1. numComments  = 5,   Số comment được hiển thị
  2. showAvatar  = true, Hiển thị avatar comment hay không, nếu không muốn hiển thị bạn có thể sửa "true" thành "false"
  3. avatarSize  = 35,   Kích thước avatar hiển thị
  4. roundAvatar = true, Có bo góc hình tròn avatar hay không, nếu không muốn bo góc bạn có thể sửa "true" thành "false"
  5. characters  = 40,   Số ký tự nội dung comment hiển thị
  6. defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHns9yIgg2CRULQMFIbUDP74ak6l4-hBQFt8N8tPVD_8KctlKgKfAsN5Kv-KKemkng7tfc_Va4piw7vEVBOgrcRmTpaPwQdqHHnpblG40qSL6L2JBqzYWluo9CAf5nf461DnUcPWt_g0A/s1600/avatar-blogduykhanh.png",  Avatar mặc định cho những người bình luận ẩn danh
Xong xuôi thì lưu lại và xem.

Ghi chú: Bài viết này mang tính chất sưu tầm làm đẹp cho blog được copy từ trang của bạn Duy Khánh. Cảm ơn.

4 nhận xét :

  1. Vì trang googledrive.com không hỗ trợ nữa nên các tiện ích dùng file js (file javascript) từ trang googledrive.com sẽ không hoạt động được.
    :)

    Trả lờiXóa
    Trả lời
    1. Dạ. Griet cũng vừa mới thử làm lại BÌNH LUẬN MỚI. Không làm được nên phải lấy code cũ đưa vào dùng lại ạ.

      Xóa
  2. Hi :D

    Griet cũng chọn kiểm duyệt nhận xét của bạn hữu giao lưu blog ha... :D

    Bài đăng mới che bảng hướng dẫn ký tự emoticons, vậy là phải có nhận xét đầu tiên mới hiện bảng; thì ra Griet dùng code chèn emoticons quá xưa cũ rồi, DVD không tính đến trường hợp này nên chưa xóa hết code cũ, rất xin lỗi! :(

    Trả lờiXóa
    Trả lời
    1. Dạ. Chỉ có chú Đỗ Văn mới giúp Griet được phần code thôi ạ. Nhưng quá lâu rồi, Griet hổng có vào blog hay mạng xã hội gì hết đó. Giờ quay lại như đứa bơ vơ.

      Xóa

=*=*=*=*=*=*=*=*=*=
Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.

:(( :( :)) ~X :-h :-? b-) *-: ~O)
@};- >:D< =)) :) :-* :D [-X X( :-O >:P =D> :@) :P :"> ;;) ;) :x =(( :-/