Để 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&callback=blogduykhanh_recent&&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.
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.
<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&callback=blogduykhanh_recent&&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.
- numComments = 5, Số comment được hiển thị
- 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"
- avatarSize = 35, Kích thước avatar hiển thị
- 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"
- characters = 40, Số ký tự nội dung comment hiển thị
- 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
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.
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:)
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óaHi :D
Trả lờiXóaGriet 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! :(
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