chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Minggu, 08 Juli 2012

Cara Membuat Rating Bintang pada Blog



Sobat pasti pernah Googling dan pasti pernah menemukan beberapa buah bintang yang menempel dibagian bawah website pada sebuah hasil pencarian Google. seperti contoh berikut.
pasti sobat akan yang memilih website tersebut daripada memilih website lain. dan mungkin sobat masuk ke blog ini karena ada Rating bintang dibawah blog saya ini pada hasil pencarian Google. tujuan pemasangan rating bintang ini bukan hanya mempercantik tampilan, tapi juga bisa meningkatkan jumlah visitor di blog ( seperti contoh diatas tadi).
Cara pemasangannya pun agak mudah, kira - kira hanya 4-5 Langkah.  tapi sebelum itu, sobat harus memiliki sebuah akun Google Plus dan menghubungkan Profile dengan blog, atau bisa langsung pindah dari profile blogger ke profile Google plus kesini.
apabila sudah selesai, silahkan lanjut ke langkah berikutnya.
1. Seperti biasa, Login dulu ke Blogger sobat. Masuk ke Template - Edit HTML.
2. Cari kode <head> dan pastekan kode berikut dibawahnya
 <b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/116986350454408328522' rel='publisher'/>
</b:if>
3. ganti angka yang berwarna merah dengan ID Profile Google Plus sobat.
4. Cari kode <body>, pastekan kode berikut dibawahnya.
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
 5. Cari lagi kode </body> dan pastekan kode berikut tepat diatasnya

</div></div>
6. Simpan Template. tapi masih belum selesai. Sobat masuk ke Halaman untuk membuat Posting baru.
7. Mulailah membuat Posting baru dan jangan lupa menambahkan kode berikut dibagian bawah posting

<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="itemreviewed"><data:post.title/></span>
<span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span> out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
</span></div>
Atau Memakai kode berikut (dengan tambahan ulasan):

Description: <span itemprop='description'><data:post.title/></span><br/>
Rating: <span itemprop='rating'>5</span><br/>
Reviewer: <span itemprop='reviewer'>1779 ulasan</span> <br/>
Item Reviewed: <span itemprop='itemreviewed'><data:post.title/></span>
dan Publish. silahkan di cek di Google Rich Snippet ( isi alamat blog sobat dengan menyertakan link postingnya )




9 dari 10 based on 10 ratings. 9 user reviews.

Cara Membuat Rating Bintang Rich Snippet di Blog

Written By Johannez Albert on Tuesday, May 29, 2012 | 7:36 PM


Rating Bintang Rich Snippet
Rating Bintang Rich Snippet
Mungkin beberapa dari anda belum tahu/belum memasangnya di blog. Tapi sekarang saya akan menjelaskan apa itu Rating Bintang Rich Snippet dan bagaimana cara memasangnnya. Rating Bintang Rich Snippet secara garis besar adalah salah satu dari sekian banyak cara untuk membuat para pengunjung menilai Artikel yang kita posting. Dengan Rating Bintang Rich Snippet ini, kita dapat mengetahui Artikel mana yang lebih disukai para pengunjung dan Artikel mana yang tidak disukai. Artikel yang paling disukai tentu artikel yang paling bagus dari blog yang di kunjungi dan tentu artikel tersebut jarang atau belum sama sekali diposting blog lain alias baru. Dan sudah pasti yang tidak bagus itu adalah Artikel yang sudah sering dilihat dan banayk beredar di blog lain. itu adalah sedikit penjelasan dari Rating Bintang Rich Snippet ini, sekarang saya akan memberikan tutorial cara menginstalnya di blog anda.

 Cara Memasang Rating Bintang Rich Snippet :

1. Anda harus memiliki akun Google +
2. Setelah memiliki akun, anda tinggal mensetting Google + menjadi publisher blog. Caranya masuk ke Blogger - Template - Edit HTML - Lanjutkan.
3. Cari kode <head>
4. Copy kode berikut dan  letakkan dibawah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/xxxxxxx' rel='publisher'/></b:if>

5. Ganti kode xxxxxxx dengan id google + anda.
6. Lalu cari kode <body>
7. Letakkan kode berikut dibawah kode <body>
 
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
8. Cari lagi kode </body>
9. Letakkan kode berikut diatas kode </body>

</div></div>
Instalisasi :

Untuk memasang di blog, ada 2 cara yaitu :
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang

Tutuorial :

  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
    1. Cari kode <data:post.body/>
    2. Letakkan kode berikut dibawahnya

      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>
    3. Save Template
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang
    1. Cari kode <data:post.body/>
    2. Letakkan kode berikut dibawahnya

      <div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
      <span itemprop="itemreviewed"><data:post.title/></span>
      <span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
      </span></div>
    3. Save Template
Itu adalah tutorial dari Cara Membuat Rating Bintang Rich Snippet di Blog. Jangan sungkan untuk mencoba.  l di Blog ini !
Happy Blogging

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v