Cara Menampilkan Rating Bintang Valid HTML5

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

5 Responses to "Cara Menampilkan Rating Bintang Valid HTML5"

  1. bang requuest template yang simple macam yang di gunakan blog ini dong

    ReplyDelete
  2. bang requuest template yang simple macam yang di gunakan blog ini dong

    ReplyDelete
    Replies
    1. nanti kalo ada waktu saya buatkan

      Delete
    2. ok om. soalnya simple sih hehe saya suka saya suka

      Delete
  3. BLOG nya menarik sekali keren banget ka kunjungi yang satu ini yaaa biar kalian ga bingung dalam menentukan masalah GEDGET
    http://zapplerepair.com/perbedaan-antara-lcd-iPhone-original-sama-iPhone-lcd-ori-kaca-palsu.html

    ReplyDelete