Cara Memasang Rating Bintang Valid HTML5

Cara Memasang Rating Bintang Valid HTML5

Kali ini saya akan share tutorial Cara Memasang Rating Bintang Valid HTML5 di blog rating bintang ini akan tampil dan disertai foto dipencarian google, sebenarnya ini digunakan untuk blog yang bertema resep, namun bisa juga diterapkan di blog bertema apapun.

Cara Memasang Rating Bintang Valid HTML5

Oke langkahnya sangat mudah, langsung saja.

  1. Masuk Dasboard Blogger
  2. Pilih menu Template
  3. Klik Edit HTML
  4. Tekan CTRL + F 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='https://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='https://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.

Demikian tutorial Cara Memasang Rating Bintang Valid HTML5, semoga bermanfaat.
Load comments