hrecipe microformat Gambar Posting dan Rating Bintang di Google v2

hrecipe microformat Gambar Artikel dan Rating Bintang v2 kali ini masih tetap dengan intinya yaitu menampilkan gambar artikel dan rating bintang pada hasil pencarian google. Dimana kita bisa mengedit berapa jumlah rating bintang dan berapa kali review/dilihat dengan sesuka hati. Pada versi ke-2 ini ada sedikit perubahan yaitu dari review/dilihat menjadi ulasan yang bekerja otomatis tergantung jumlah komentar suatu artikel (tidak termasuk komentar facebook). 

Contoh : Jika suatu artikel telah dilihat beberapa kali (umpamanya 350 review) tetapi tidak mempunyai komentar dari pembaca rating bintang dan gambar artikel tidak akan muncul pada hasil pencarian google tetapi otomatis akan digantikan dengan gambar profil.

dan jika suatu artikel mempunyai komentar minimal 2 komentar maka rating bintang dan gambar artikel otomatis akan ditampilkan pada hasil pencarian goolge. Perhatikan Gambar dibawah...

Jika anda tertarik ikuti langkah-langkah pemasangan hrecipe microformat Gambar Artikel dan Rating Bintang v2

1. Login blogger.com

2. Masuk pada menu Template >> Edit HTML

3. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.photo{
  float:left;
  width:16px;
  height:16px;
  margin-right:5px;
  overflow:hidden;
}

4. Berikutnya jika anda berniat memasangnya dibawah posting cari kode <data:post.body/> dan letakkan kode ini dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:post.numComments != 0'>
    <b:if cond='data:post.numComments != 1'>
      <div class='hrecipe'>
        <b:if cond='data:post.thumbnailUrl'>
          <img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
        <b:else/>
          <img alt='Image' class='photo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ui_SctODiUPVf43S6xtgaEesPZAfWiG8gSHG564yyD4frmTVc7DQ9G6wqTmdjCNEznyxK3vrinwIF6WzMdpK9J49M3Yk4Q26edpk2vUkBGDVfvNsKQ0drgjB_cv1HnhupRkb2Ogp5yo/s144/No%2520Image.jpg' title='Image'/>
        </b:if>
        Perihal: <span class='item fn'><a expr:href='data:post.url' expr:title='data:post.title' rel='tag'><strong><em><u><data:post.title/></u></em></strong></a></span>
        <span class='review hreview-aggregate'>
          <span class='rating'>
            Peringkat: <span class='average'>4.5</span>
            Balasan: <span class='count'><data:post.numComments/></span>
          </span> 
        </span>
      </div>
    </b:if>
  </b:if>
</b:if>

biasanya ada terdapat 4 kode <data:post.body/> bagi template yang memiliki read more, pastekan kode tersebut dibawah yang ke-3

untuk pemasangan pada kotak footer anda bisa meletakkan kode tersebut dibawah kode post-footer yang ke-2

5.  Simpan template dan lihat hasilnya.