Beranda Blogger Tutorial

Cara Buat Widget Star Rating di Blogspot

Cara mudah buat widget star rating di blogspot, cara buat widget star rating di blogger

M. Riyan

Oktober 29, 2023

---

A+

A-

Cara Membuat Header Blog diam di Tempat

Table of Contents

riyanesia.my.id - Hallo sahabat online, kali ini aku bakal membagikan tutorial bagaimana cara membuat widget star rating di blog kalian

Widget Star Rting di blogspot.

Widget ini bermanfaat untuk

Cara membuat widget star rating di blogspot

1. Silahkan sobat Online masuk ke Blogger klik Tema kemudian Edit html salin css dibawah ini, letakan di atas kode ]]></b:skin atau diatas kode </style>

/* widget stars rating by www.wendycode.com */
.rating-box .stars.pointer{pointer-events:none}
.rating-wrap{display:flex;gap:10px;padding:22px 0;border:1px solid #e4e3e1;border-left:0;border-right:0}
.rating-box{width:100%;text-align:center}
.rating-box:before{content:attr(aria-label);font-size:12px;font-weight:800}
.rating-box .stars{display:flex;justify-content:center;gap:15px;margin-top:15px}
.stars-svg{width:35px;height:35px;fill:#b5b8b1}
.stars svg.active,.stars svg:hover{fill:#ffb851;transform:scale(1.2)}
.hasil-rating{font-weight:800}
.hasil-rating:after{content:attr(aria-label);display:flex;justify-content:center;font-weight:normal;opacity:.8}
.sudahRt{display:none;margin-top:10px}
.sudahRt:after{content:attr(aria-label)}
@media screen and (max-width:480px){.hasil-rating{font-size:12px}.hasil-rating:after{font-size:11px;width:50px}.rating-box .stars{gap:10px}}