Membahas
tentang bintang adalah articel tentang saya kali ini,yaitu tentang cara
memasang rating bintang pada setiap judul posting blog kita.
Ada beberapa tipe ataupun tampilan yang tersedia untuk
articel ini, adapun caranya:
A- System Peringkat (menampilkan
antara 1 sampai perinkat 5)
B- System Persentase (menampilkan
antara 1% sampai 100%)
C- Sytem Ulasan (menampilkan
antara 1 sampai 10)
Dari tiga cara yang di atas, kali ini saya akan membahas
salah satunya, yaitu tentang cara memasang system peringkat yang tampil setiap
judul postingan di mesin pencarian. namun yang pasti setelah kita memasang
system ini tidak akan lansung berubah akan penapilan di mesin pencarian.namun
ada tidaknya terpasang pada blog kalian, bisa kalian.
System yang saya bahas di atas adalah tampilan seperty yang
saya pakai pada blog saya ini,,,! untuk lebih jelas bisa dilihat pada gambar
yang dibawah ini:
Ke tujuan pembahasan saya:
schema.org/Review saya ini
dalam bentuk microdata, yang pasti valid html 5 untuk
blog.
Cara pemasangannya ikuti petunjuk dibawah:
1 - Login ke Dasbor blogger.
2 - Pilh blog yang akan di pasangin, jika memiliki lebih dari
satu blog.
3 - Pilih Template, kemudian edit html.
4 - Cari blog1 bisa di lihat seperti contoh gambar di bawah:
5 -Cari kode [ <b:includable
id='post' var='post'> ]
6 -Tempelkan kode di bawah ini tepat di bawah kode [ <span class='star-ratings'>]
<div itemscope=''
itemtype='http://data-vocabulary.org/Review'>
<span
itemprop='itemreviewed'><data:post.title/></span>
Reviewed by <span
itemprop='reviewer'><data:post.author/></span> on
<span
itemprop='dtreviewed'><data:post.timestamp/></span>
Rating: <span itemprop='rating'>biru</span></div>
Note:
Yang saya warnai biru bisa kalian isikan: 1 s/d 5 berfungsi juga angka yang berada setelah koma seperti 1,5 atau seterusnya.
jika kalian tidak ingin menampilkannya pada postingan blog
kalian,kalian cukup menambahkan sedikit kode di ujung setelah itemtype='http://data-vocabulary.org/Review' dengan kode ini:
style='display:none;'.
Atau ini dia kode microdata yang tidak tampil pada blog
kalian:
<div itemscope=''
itemtype='http://data-vocabulary.org/Review' style='display:none;'>
<span
itemprop='itemreviewed'><data:post.title/></span>
Reviewed by <span
itemprop='reviewer'><data:post.author/></span> on
<span itemprop='dtreviewed'><data:post.timestamp/></span>
Rating: <span itemprop='rating'>biru</span></div>
Setelah kode di atas selesai di tempelkan, tinggal simpan template blog kalian.
Cek kembali pada link yang di atas, yang tinggal sekarang
hanya pertanyaannya,
sudahkah terpasang dengan benar review ratingnya,,??
Semoga bermanfaat.. ^_^
Tidak ada komentar:
Posting Komentar