Cara Menampilkan Rating Bintang Valid HTML5

Kali ini saya akan share tutorial Cara Menampilkan Rating Bintang Valid HTML5 rating bintang ini akan tampil dan disertai foto dipencarian google, sbenarnya ini digunakan untuk blog yang bertema resep, namun bisa juga diterapkan diblog bertema apapun, oke langkahnya mudah kok, langsung saja :

1. Masuk Dasboard Blogger
2. Pilih menu Template
3. Klik lagi Edit HTML
4. Tekan keyboar CTRL + F dan cari kode <div class='post-footer-line post-footer-line-1'>
5. Salin dan tempelkan HTML dibawah ini tepat diatas kode yang kamu temukan tadi

<div class='sr' vocab='http://schema.org/' typeof='Recipe'>
  <b:if cond='data:post.thumbnailUrl'>
    <img property='image' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
    <b:else/>
    <img expr:alt='data:post.title' itemprop='image' src='//tempek.ga/img/nophoto-s.png'/>
  </b:if>
  <span property='name'>
    <data:post.title/>
  </span>
  <span property='author' typeof='Person'>
    <span property='name'>
      <data:post.author/>
    </span>
  </span>
  <time property='datePublished' expr:datetime='data:post.timestampISO8601'>
    <data:post.timestampISO8601/>
  </time>
  <span property='aggregateRating' typeof='http://schema.org/AggregateRating'>
    <span property='ratingValue'>
      5.0
    </span>
    stars based on 
    <span property='reviewCount'>
      35
    </span>
    reviews
  </span>
  <span property='description'>
    <data:post.snippet/>
  </span>
</div>

Simpan Template

Tweet