Cách thêm dòng đánh giá 5 Sao (Star Rating Vote) vào bài viết trên Blogspot 2019

Khách truy cập rất dễ bị cuốn hút bởi những bài viết có điểm nổi bật so với phần còn lại. Nếu bạn chèn biểu tượng đánh giá 5 sao vào bài viết họ sẽ chú ý nhiều hơn. Đặc biệt, họ sẽ bị thuyết phục vào bài viết của bạn. Điểm uy tín trên trang sẽ được tăng lên...

Trong bài viết này mình sẽ hướng dẫn các bạn chèn biểu tượng đánh giá 5 sao vào trong từng bài viết như hình bên trên nhé !

B1: Chép đoạn code Blogger  bên dưới vào trước thẻ </body>

<script type='text/javascript'>
//<![CDATA[
function  csdGetMetaContentByName(name)
{
   var info = document.getElementsByTagName('meta');
  try{
    return [].filter.call(info, function (val) {
        if(val.name.toLowerCase().trim() === name.toLowerCase().trim() ) return val;
    })[0].content;
  }
    catch(err) {
return '';
   }
}
function CSDCreateVote()
{
var csdReviewCountPlus = 10;
var csdtitlePost = document.title.trim();
var csddescription =  csdGetMetaContentByName('description');
if(csddescription=='')
{
  csddescription = csdtitlePost;
}
var csdtitleLen = (csdtitlePost.length==0?160:csdtitlePost.length);
var csddescriptionLen = (csddescription.length==0?200:csddescription.length);
var csdReviewCount = csdtitleLen + csdReviewCountPlus;
var csdPoint = (csdtitleLen%5) +1;
var csdX = (csddescriptionLen/10);
var csdDecimal = parseFloat((csdX - Math.floor(csdX)).toFixed(1));
csdPoint = parseFloat((csdPoint<=3?4:csdPoint));
if(csdPoint==5){
}
else
{
csdPoint += csdDecimal;
}
 //alert(csdPoint);
 if(document.getElementById('csdreviewCount'))
  {
 
    document.getElementById('csdreviewCount').innerHTML = csdReviewCount;
    document.getElementById('csdreviewValue').innerHTML = csdPoint;
     var csdpercent = (csdPoint/5).toFixed(2)*100;
    // alert(csdpercent);
   document.getElementById('csdratingpercent').innerHTML = '<span style="display: block; width: '+ csdpercent +'%; height: 13px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4-7mCHRMu1BYhfcnXvO-mECNm_KbdfkaJd0hyiXmGhfaaclmYRl7Prhzm2-VtrJAhXptLRnhh6MLgtbCJ1buWdi6gogg_RYhq-UwiZvVna4N_88S_Xtg_efTox1JB64ezcjmtrZCH4o3V/s1600/star-rating-sprite.png) 0 -13px;"></span>';
  }
}
window.onload = function(){
   CSDCreateVote();
}
//]]>
</script> 

Bước 2: Tìm đến đoạn code sau:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'...

Các bạn dán đoạn code Blogger này bên dưới nó:

<!--Danh gia Rating Bai viet-->
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating' style='color:#3B5998;font-size:13px;'>Rating: <span id='csdreviewValue' itemprop='ratingValue'>4.6</span>/5 <span id='csdreviewCount' itemprop='reviewCount'>87</span> votes by Community</div>
<span id='csdratingpercent' style='display:  block; width: 65px; height: 13px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4-7mCHRMu1BYhfcnXvO-mECNm_KbdfkaJd0hyiXmGhfaaclmYRl7Prhzm2-VtrJAhXptLRnhh6MLgtbCJ1buWdi6gogg_RYhq-UwiZvVna4N_88S_Xtg_efTox1JB64ezcjmtrZCH4o3V/s1600/star-rating-sprite.png) 0 0;'>
  </span>
<!--Danh gia Rating Bai viet-->

Cuối cùng, lưu Template lại và vào Blog kiểm tra nhé !