Template dan Tips Seputar Blogger

Thursday, June 22, 2017

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='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.

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

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×