Tampilkan Rating Bintang di Blog

Unknown - Rabu, 15 Agustus 2012 - 07:00 wita
Setelah sebelumnya saya berbagi Tampilkan Image Author di Pencarian G+ tanpa harus Profil Blogger beralih ke Profil G+ :z; dan untuk melanjutkan G+ saya berbagi lagi dengan kawan Cara Menampilkan Rating Bintang pada Blog, apa itu Rating, apa gunanya / tujuannya dan lain sebagainya kalau kawan ada bertanya - jawaban saya sangat simple biar Blog kelihatan menarik, karena saat saya selusuri di mbah Google cara pemasangan Ranting Bintang [Rating Rich Snippet Review] pada umumnya dipasang secara manual dibawah posting setiap kali kita posting, sedangkan posting lama perlu diadakan setting ulang supaya bisa menampilkan Rating [Ribet dan membosankan],  :r;  
Menurut pemikiran saya pribadi Rating seharusnya otomatis akan kelihatan berdasarkan banyaknya pengunjung yang memberikan penilaian seperti pada Alexa yang berisi 5 tanda bintang [1, 1.5 sampai 5], tapi kenyataannya para Blogger mengisinya diatas 4 - 4.5 dan 5 bintang, belum pernah saya lihat memakai 1 Bintang [termasuk saya juga] kwek kwek :q;
Kalau kawan ingin memasang Rating Bintang di Blog dengan cara seperti saya ini [otomatis] tanpa perlu Ribet setiap posting tambahkan Rating Bintang :q;
Caranya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan
  • Beri tanda check  disamping 
<div><div itemscope=''itemtype='http://data-vocabulary.org/Review'>
    • Tambahkan </div></div> sebelum tag </body> 
    • Selanjutnya cari <h1 class='post-title entry-title'> atau Script Judul Postingan kawan [untuk cepatnya pencarian kawan pakai Ctrl+F dan ketik <data:post.body/> terus scroll sedikit keatas perhatikan gambar berikut 
    Keterangan Gambar :
    <h1 class='post-title entry-title'> karena struktur Template berbeda-beda khusus h1 bisa h2 atau h3
    - Kode yang berlatar belakang warna biru <span itemprop='itemreviewed'><span itemprop='description'> letakkan diatas <h1 class='post-title entry-title'> merupakan tambahan yang selanjutnya ditutup dengan </span></span> setelah </h1> kwek kwek kwek ribet ya kawan, jangan khawatir saya kasi contoh
    <span itemprop='itemreviewed'><span itemprop='description'>
    <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </span></span>
    </b:if>
    <div class='post-header-line-1'/>
    <div class='post-body'>
    • Berikutnya cari  <span class='fn'><data:post.author/></span> atau pada Template saya kodenya seperti <div class='vcard' id='hcard-En sin' style='display: inline;'><span class='fn'><data:post.author/></span></div> tambahkan atau selipkan <span itemprop='reviewer'> sebelum  <data:post.author/></span></span> jadinya sebagai berikut

    <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>

    atau punya saya seperti 

    <div class='vcard' id='hcard-En sin' style='display: inline;'><span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></div>

    • Selanjutnya untuk Pemasangan Kode Rating Bintang, kawan cari <data:post.body/>, seandainya ada  lebih dari 2 [karena pakai Readmore], kawan pilih yang pertama atau setelah Readmore [baca selengkapnya] 
    Rating: <span itemprop="rating">4.5</span>
    atau bisa yang lebih lengkap seperti berikut:
    
     <p>Description: <span itemprop="description"><data:post.title/></span> - 
    Rating: <span itemprop="rating">4.5</span></p> 
    <p>Reviewer: <span itemprop="reviewer"><data:post.author/></span> - 
    Itemreviewed: <span itemprop="itemreviewed"><data:post.title/></span></p> 


    Penjelasan » 4.5  seperti penjelasan saya diatas bisa dirubah antara 1 - 5 [1. - 1.5 - 2. - 2.5 sampai maksimal 5.]  INGAT :  jangan lebih dari 5 !!! :y;


    • Simpan Template dan cek pada Google Rich Snippet Testing dengan memasukkan URL salah satu Artikel / Postingan kawan yang ada pada kotak disamping Review atas

    contoh hasilnya »


    • Seandainya kawan hasilnya belum seperti Gambar diatas ini coba cek ulang, mungkin ada kesalahan menempatkan kode 


    Berbagi Artikel :

    Tampilkan Rating Bintang di Blog
    Rate this posting:
    {[["☆","★"]]}

    Kalau pada Artikel Tampilkan Rating Bintang di Blog
    kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
    mudah-mudahan saya bisa segera memperbaiki
    ---ooOOOoo---
    P.pw - Shorten urls and earn money!

    Artikel Menarik Lainnya

    About me


    Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

    6 Komentar pada : “Tampilkan Rating Bintang di Blog”

    1. waaah mantep nie gan...
      langsung di cicipi..

      BalasHapus
      Balasan
      1. silahkan kawan, mumpung masih hangat :w;

        Hapus
    2. gan aga mudeng nie.. :j;
      pas bagian

      pas kode Rating: .........................

      itu diletakkan di sebelah mana..
      sesudah atau sebelum/gmn.?:x;

      BalasHapus
      Balasan
      1. dibawah <data:post.body/> setelah Readmore sebelum footer atau dibawah footer......
        Kalau ingin dibawah judul taruh diatas <data:post.body/> yang pertama, silahkan dicoba-coba sesuai selera :x;

        Hapus
      2. siip kawand..

        sudah berhasil.. :x;
        trimakasih ats bantuannya.. :y;

        Hapus
      3. terima kasih kembali :q; sukses selalu :r;

        Hapus

    BERIKAN KOMENTAR SESUAI TOPIK
    DENGAN BAHASA YANG SOPAN,
    JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

    Klik Emoticon untuk melihat Kodenya

    Dapatkan Update Terbaru
    BlogBego Creation di Email Kawan





    BANNER [300x250]
    © 2013 - BLOGBEGO CREATION | Powered by Blogger
    Design Template by : Blogger Edan