Laman

Sabtu, 31 Maret 2012

Trik Dan Cara Memasang Rating Bintang Di Blog



Selamat Siang sahabat blogger...
Wah suasana siang ini di jogja sangat panas dan pasti enak sekali kalau minum es buah sambil isap sebatang rokok dan duduk dibawah pohon, tapi untung tempat kerjaku ada ACnya jadi ga perlu beli es tapi malah perlu minum yang hangat. Dan karena juga lagi kerja jdnya ga bisa melakukan khayalan tadi...hehehehehe
Sahabat Blogger perkenankan saya mempostingkan cara atau trik memasang Bintang Rating Di Blog.

oke kita langsung aja mulai:
1. Kita masuk ke Dasbor blog kalian
2. Masuk ke Edit HTML dan jangan lupa beri tanda  (untuk jaga- jaga download template lengkap)
3. Masukkan kode dibawah ini setelah tag <body> :
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Klo Sudah ketemu Cari lagi kode </body> lalu masukkan kode :
</div></div>
tersebut tepat diatas tag </body>
4. Cari dan temukan dimana letak judul postingan sobat di HTML template blogspot kita.pasang kode dibawah ini :
<span itemprop='itemreviewed'><span itemprop='description'>Disini Html Posting sobat</span</span>
 Detailnya seperti ini:
<span itemprop='itemreviewed'><span itemprop='description'>
      <h1 class='post-title entry-title'><b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
       </b:if>
       </b:if>
      </h1>
     </span></span>
    </b:if>

5. okey langkah selanjutnya ada cari kode 

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
    </div

kalau tidak ada cari kode 

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Karena setiap template berbeda, kalau sudah ketemu masukkan kode berikut di bawah <data:post.body/> atau  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Yang detailnya seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Description: <span itemprop='description'><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> - 
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span> 


<div style='clear: both;'/> <!-- clear for photos floats --></div>
 Nah sekarang simpan template dan cek di Rich Snippets Testing Tool

Related Posts

Tidak ada komentar: