Hướng dẫn tạo Recent Comment Page đẹp cho Blogspot 2019

Hello xin chào anh em, ở bài viết này mình sẽ chia sẻ cho anh em một style comment page của anh Trần Thanh Bình nhé, style này không có các hiệu ứng hover nên sẽ không tốn bất kỳ tài nguyên nào của blog.

Hướng dẫn

   Demo

- Bạn vào Trang > Tạo Trang sau đó chuyển qua chế độ soạn thảo HTML và paste toàn bộ code này vào : 

<style type="text/css">
br{display:none!important}
.static_page .post-inner{marign:0!important;border:0!important}
.post-body{background:#fff!important;padding:10px 10px 5px 10px!important}
a.sneeit-srcbw{color:#777;border:1px solid #eee;display:block;padding:6px 0;position:relative;background:#F9F9F9;margin-bottom:10px}
a.sneeit-srcbw:before{content:'';position:absolute;border-bottom:1px dotted #ccc;float:left;width:100%;bottom:-7px}
.sneeit-srcbw-icon-comment{margin:0 6px 0 8px;border:1px solid #ddd;background:#EEE;border-radius:100%;padding:6px;font-size:10px}
.sneeit-srcbw-icon-arrow{color:#777;right:0;font-size:14px;float:right;margin:5.5px 5px 0 5px}
.sneeit-srcbw-credit{display:none!important;font-size:90%;text-align:right;padding:1em 0;display:block;border-top:1px solid #eee}
#sneeit-srcbw-exclude{display:none!important}
html[dir="rtl"] .sneeit-srcbw-icon-comment{right:0;left:auto}
html[dir="rtl"] .sneeit-srcbw-icon-arrow{left:0;right:auto}
html[dir="rtl"] .sneeit-srcbw-credit{text-align:left}
</style><br />
<noscript id="sneeit-srcbw-exclude"></noscript><br />
<script type="text/javascript">
// settings
var sneeit_srcbw_count = 100; // change the number of comments
var sneeit_srcbw_summary_length = 50; // summary length
var sneeit_srcbw_icon_comment = 'fa-comment'; // comment icon
var sneeit_srcbw_icon_arrow = 'fa-angle-double-right'; // arrow icon
_s7GpE = ['link','href','font-awesome','link','text/css','stylesheet','https://use.fontawesome.com/releases/v5.5.0/css/all.css','sneeit-srcbw-exclude','\n','string','undefined','feed','entry','Not found any comment',' ...','','','alternate','self','#','/','#c','<a class="sneeit-srcbw" href="','"><i class="sneeit-srcbw-icon-comment fas ','"></i><span><strong>',':</strong> ','</span><i class="sneeit-srcbw-icon-arrow fas ','"></i></a>','<span class="sneeit-srcbw-credit">Powered by <a href="http://sneeit.com/simple-recent-comment-widget-blogger/" target="_blank">Sneeit</a></span>','<script type="text/javascript" src="/feeds/comments/summary?alt=json-in-script&max-results=','&callback=_fCiE"><\/script>'];var _vHpF=document.getElementsByTagName(_s7GpE[0]);for(var _vLbB=0;_vLbB<_vHpF.length;_vLbB++){if(_s7GpE[1] in _vHpF[_vLbB]&&_vHpF[_vLbB].href.indexOf(_s7GpE[2])!=-1){break;}}if(_vLbB>=_vHpF.length){var _vLbJ=document.createElement(_s7GpE[3]);_vLbJ.type=_s7GpE[4];_vLbJ.rel=_s7GpE[5];_vLbJ.href=_s7GpE[6];document.head.appendChild(_vLbJ);}var _vRqN=document.getElementById(_s7GpE[7]).innerHTML;var _vSbX=sneeit_srcbw_count;_vRqN=_vRqN.trim();if(_vRqN){_vRqN=_vRqN.split(_s7GpE[8]);_vSbX=_vSbX*(_vRqN.length+2);}function _fCiE(json){if(typeof(json)==_s7GpE[9]||typeof(json)==_s7GpE[10]||!(_s7GpE[11] in json)||!(_s7GpE[12] in json.feed)||!json.feed.entry.length){document.write(_s7GpE[13]);return;}var _vQbX=0;for(var _vLbB=0;_vLbB<json.feed.entry.length&&_vQbX<sneeit_srcbw_count;_vLbB++){var _vOlU=json.feed.entry[_vLbB];var _vQjW=_vOlU.author[0].name.$t;var _vRcD=_vOlU.summary.$t;if(_vRqN.indexOf(_vQjW)!=-1){continue;}_vQbX++;if(_vRcD.length>sneeit_srcbw_summary_length){_vRcD=_vRcD.substring(0,sneeit_srcbw_summary_length)+_s7GpE[14];}var _vVgK=_s7GpE[15];var _vVeS=_s7GpE[16];for(var _vIlN=0;_vIlN<_vOlU.link.length;_vIlN++){var _vLbJ=_vOlU.link[_vIlN];if(_s7GpE[17]==_vLbJ.rel){_vVgK=_vLbJ.href;}else if(_s7GpE[18]==_vLbJ.rel){_vVeS=_vLbJ.href;}}if(!_vVgK){continue;}if(_vVgK.indexOf(_s7GpE[19])==-1){_vVeS=_vVeS.split(_s7GpE[20]);_vVeS=_vVeS[_vVeS.length-1];_vVgK+=(_s7GpE[21]+_vVeS);}document.write(_s7GpE[22]+_vVgK+_s7GpE[23]+sneeit_srcbw_icon_comment+_s7GpE[24]+_vQjW+_s7GpE[25]+_vRcD+_s7GpE[26]+sneeit_srcbw_icon_arrow+_s7GpE[27]);}document.write(_s7GpE[28]);}document.write(_s7GpE[29]+_vSbX+_s7GpE[30]);
</script>

 - Bạn chỉnh jsblogger.com thành link blog của bạn và lưu lại.

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