Hướng dẫn tạo đánh giá 5 sao (Star Rating) cho blogspot chuẩn nhất

26.3.21 Cập nhật : Add Comment

Đối với những ai đang sử dụng wordpress, việc chèn đánh giá 5 sao là khá dễ dàng nhờ có các plugin kèm theo như KK-ratings. Tuy nhiên giờ đây các bạn cũng có thể chèn code đánh giá 5 sao dễ dàng không kém đối với blogger.

Demo Tại Chính Yingvn Nhé Các Bạn

Nói về lợi ích của đánh giá 5 sao thì ai cũng có thể kể đến những ưu điểm như:

Giúp người đọc có thể bày tỏ cảm xúc của mình đối với bài đăng một cách dễ dàng nhất
Tạo được thiện cảm cho khách truy cập xem bài khi thấy các đánh giá thứ hạng cao cho bài đăng của những người đọc lần trước đó để lại
Làm cho blogger của bạn trông hấp dẫn hơn
Hiển thị chất lượng đánh giá lên chỉ mục tìm kiếm của google

Mình đã chèn lên trang web này nên các bạn chỉ việc xem demo ngay tại bài đăng này luôn

Cách thực hiện:
Chỉ cần một bước không quá phức tạp như sau là bạn có thể làm được

1 - Chép toàn bộ đoạn code ngay bên dưới
2 - Chèn tại vị trí các bạn mong muôn nó xuất hiện bằng cãhs vào khung HTML của blog, rồi chèn đoạn code đó vào là xong

<b:if cond='data:blog.pageType == "item"'>
<script fullStarImg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUys8u-7TR1OBVI6v-JjFRA0754qJ4PXsRA_xHoFg4wahL38yaeTYX5zuivVlqrPmNoWkiyUwes0GMupRccMKo-UIjX5hdpAv65IfSSnp6U_rixBbgVCDNIhlLFF2UauAzGj86p1s2Ynk/s1600/1.png" emptyStarImg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvz3oCbhKckGzFqql_h4JArZdGKtHfjm26BBbsqvTOLR2vh7vV-teqHfKB89taujqFZC-Ehzn9BLv-hfnoaZibZD62LPP7mLrgq94T-HgtMnsI1mqyJTRwJWinDd5BiUNpG2H_yuSiO70/s1600/2.png" hoverStarImg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUys8u-7TR1OBVI6v-JjFRA0754qJ4PXsRA_xHoFg4wahL38yaeTYX5zuivVlqrPmNoWkiyUwes0GMupRccMKo-UIjX5hdpAv65IfSSnp6U_rixBbgVCDNIhlLFF2UauAzGj86p1s2Ynk/s1600/1.png" numberOfStars="5" starSize="25" textSize="13" align="center" fontFamily="Arial" status="active" topText="Xếp hạng:" bottomText="Trung bình: $average$ / $max$ ($votes$ votes)" blockText="Bạn đã đánh giá" src="https://drive.google.com/uc?export=download&id=1_3EXmeXQzNkbuQ369vV4li-eLN1mGcOV" firebaseUrl="https://blogger-star-rating.firebaseio.com/" expr:ratingName='data:post.id' async></script>
</b:if>

Bạn chỉnh vị trí với: align="center" để đánh giá này xuất hiện ngay tại giữa dòng cho đẹp nhé

Lưu ý: Để tìm vị trí chèn cho nhanh các bạn tìm đến thẻ <data:post.body/> rồi chèn ngay dưới tiêu đề bài đăng hay cuối bài đăng là được