Tips yang akan diulas mungkin tips yang sudah pernah dipublish atau ditampilkan di berbagai blog lain.
Hanya saja saya sebagai admin ingin menyajikannya secara rapi, dan jelas saja, soalnya banyak yang masih gagal dalam membuatnya.
Nah, lansung saja kita ketopik pembahasannya, Tanda bintang yang admin maksud adalah sebagai berikut :
Seperti itulah star rating yang admin maksud, jika sobat ingin membuat tanda bintang seperti itu mari ikuti langkah-langkah berikut :
- Sobat Harus mempunyai akun Google + dan sobat harus mengalihkan profil blogger ke Google+
- Kemudian Letakkan kode berikut dibawah kode <head> atau dibawah kode berikut <b:include data='blog' name='all-head-content'/>
<link href="https://plus.google.com/104377807222215163000" rel="publisher"></link>Perhatian : Yang berwarna Biru silahkan diganti dengan ID google + sobat
- Letakan kode berikut tepat dibawah kode <body> template
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
- Letakan kode berikut tepat diatas kode </body> template.
</div>
- Kemudian cari kode HTML Judul Postingan seperti berikut di dalam Kode Html Template sobat
<h3 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'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3>Jika menemukannya 2 Maka pilih yang pertama dan untuk memudahkan pencarian tekan Ctrl+F
Perhatian : Kode <h3> sebagai heading untuk judul postingan setiap template pasti berbeda, kalau dalam template saya menggunakan <h3>, ada sebagian template yang menggunakan <h1>
- Kemudian Tambahkan Kode Berwarna Biru diantara Kode diatas tadi menjadi seperti ini
<span itemprop='itemreviewed'><span itemprop='description'><h3 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'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3></span></span>
- Setelah itu cari kode berikut <span class='fn'><data:post.author/></span> Jika sudah ketemu, maka gantikan dengan kode dibawah ini :
Kemudian untuk pemasangan rating otomatis agar terlihat seperti gambar diatas masukkan kode berwarna biru berikut diantara kode-kode yang telah dipasang tadi :<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
Kode yang berwarna Orange itu kode yang kita masukin sebelumnya
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></b:if></span><span itemprop="rating">4.5</span>
dan kode yang berwarna Hijau itu merupakan kode yang sudah ada sebelumnya di template kita/kode bawaan templates
Jika Masih Bingung Coba dengan yang ini :
Letakkan Kode <span itemprop="rating">4.5</span> setelah kode </b:if></span>
Yang kita masukkan berikutnya itulah kode yang berwarna biru
Save Templates
Kemudian Cek blog anda berhasil atau tidak di
http://www.google.com/webmasters/tools/richsnippets
Semoga Tips Ini Bermanfaat, Dan Tips ini telah saya coba dan berhasil ada juga tips yang sedikit berbeda dengan tips saya ini yakni di
Read more: http://adie-konoe.blogspot.com/2012/03/membuat-tanda-bintang-star-rating-saat.html#ixzz1oPwHS0Ma