Hai cách tạo widget bình luận mới nhất cho blogspot 2019

Để tăng sự tương tác với độc giả nhiều hơn nữa, nhiều blogger chú trọng bài đăng cực kỳ hấp dẫn bổ ích ra thì phần chăm chút đến phần bình luận để ghi nhận ý kiến cũng như phản hồi đối với khách viếng thăm cũng quan trọng không kém. Điều này có thể giúp cho bạn cập nhật tin tức cũng như phản hồi mới nhất đến từ khách viếng thăm để bạn có trả lời cũng như bổ sung thêm những thông tin quan trọng cho bài đăng.

Ngoài các cách mà admin BietKo đã chia sẽ như : phân cấp khung comment thành nhiều cấp hay thay avatar bình luận mặc định cho blogspot.

Hôm nay mình sẽ chia sẽ thêm hai cách tạo widget bình luận mới nhất cho blogger. Các bạn có thể tham khảo xem mẫu nào thích hợp với mình thì áp dụng nhé. Cách làm cực kỳ đơn giản và cơ bản chỉ cần một bước chèn đoạn code thích hợp lên thẻ widget mới ở phần điều chỉnh bố cục là xong thôi

1. Mẫu 1

widget bình luận mới nhất mẫu 1

Mẫu này mình cũng đang dùng cho trang pkientruc.com, các bạn có thể ghé tham khảo thay cho phần demo nhé

Code cho mẫu này như sau

showAvatar = !1, // hiện avatar hay không

avatarSize = 42, // kích thước avatar

roundAvatar = !0, // avatar có bo tròn không

characters = 38, // số kí tự của nhận xét

showMorelink = !1, // hiện link đọc thêm defaultAvatar = "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png", hideCredits = !0, numComments = numComments || 5, avatarSize = avatarSize || 60, characters = characters || 25, defaultAvatar = defaultAvatar || "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png", moreLinktext = moreLinktext || " More »", showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar, showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink, roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar, hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar; //]]> defaultAvatar = "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png", hideCredits = !0, numComments = numComments || 5, avatarSize = avatarSize || 60, characters = characters || 25, defaultAvatar = defaultAvatar || "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png", moreLinktext = moreLinktext || " More »", showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar, showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink, roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar, hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar;//]]></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=idbcomments"></script><div class='comment-info2'><div class='right'><a href='/cmt' target='_blank' title='Xem 200 bình luận gần đây'>View all <i class='fa fa-angle-right' style='margin:0 0 0 5px'/></i></a></div></div><script type="text/javascript">//<![CDATA[function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');//]]></script>

2. Mẫu 2

Đối với mẫu này thì mình áp dụng cho chính trang BiêtKo nên các bạn có thể xem demo nhay tại đây, ở phần trang chủ nhé

widget bình luận mới nhất mẫu 2

Code cho mẫu này

<style>

.rc-avatar{float: left; margin-right: 10px; border-radius: 100px; width: 36px; height: 36px;}

#recent-comments-avatar li{color:#888;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 0 5px; background: #0002; border-radius: 50px; line-height: 35px; padding: 0 15px 0 0}

#recent-comments-avatar li:hover {background:#0003}

#recent-comments-avatar li a {font-size:14px}

</style>

var copyright_by_duypham_dot_info='Recent Comments free version 2.6 by http://duypham.info';

nc=8;

length_name=30;

length_content=150;

no_avatar='http://lh6.googleusercontent.com/-OKWz_G9ElFo/TuX_HC5zmkI/AAAAAAAAArI/4CqenpDZg54/s44/no-avatar.png';

on='//';

profile='Xem trang cá nhân của';

admin_style='<span style="background:#F00;color:#FFF">Admin</span>';

home_page='https://www.bietko.com/';

admin_uri='';

admin_avatar='';

avatar_show='yes';

</script>

</div>

Lưu ý là các bạn có thể chỉnh thêm một vài thông số cho phù hợp với blog của các bạn nhé

1 Nhận xét

✪★ Chèn link ảnh/video trực tiếp vào khung bình luận để hiển thị hình ảnh hay video cho phần nội dung.
✪★ Nếu tải file mẫu không được, vui lòng để lại nhận xét vào khung bình luận bên dưới để được hỗ trợ nhé .
✪★ Chúc các bạn có một năm Nhâm Dần 2022 🐯 nhiều thành công tốt đẹp!

KienFolúc 22:17 22 tháng 12, 2019
Mình thích mẫu 1 hơn, trông nó gọn gàng và sạch sẽ
Trả lờiXóa
Trả lời

Thêm nhận xét

Hai cách tạo widget bình luận mới nhất cho blogspot 2019

1. Mẫu 1

2. Mẫu 2

1 Nhận xét

Contact form