
Sebelum kita menampilkan rating bintang , terlebih dahulu harus mempunyai akun "google Plus" dan sudah terhubung dengan blog Anda, dengan cara mengklaim sebagai kontibutor untuk blog Anda.
Mungkin saya akan menawarkan beberapa cara menampilkan rating bintang tanpa disertai gambar artikel postingan, diserati dengan gambar artikel, dengan meggunakan Google plus. Lantas bagaimana cara membuatnya,, simak tutorial dibawah ini.
Cara Membuat Rating Bintang Dihasil Pencarian Google.
1. Cari kata Template
2. Kemudian Klik EDIT TEMPLATE
3. Letakan Kode berikut diatas arahan <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/9208813048908654' rel='publisher'/>Catatan,, Ganti Angka warna merah dengan Angka Google Plus Anda.
</b:if>
4. letakkan arahan berikut setelah arahan <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>dan tag epilog </div></div> sebelum tag epilog </body>
5. Cari arahan <data:post.body/> dan letakkan arahan berikut sempurna dibawahnya.
Description: <span itemprop="description"><data:post.title/></span>Jika kode <data:post.body/> berjumlah 2 maka Anda, harus meletakkanya dibagian yang ke dua.
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
6. Klik Save.
Cara memasang Ratting Bintang disertai Gambar di Google Search.
1. Masuk ke blogger.com pilih Edit Html2. Cari arahan <data:post.body/> (jika ada banyak arahan menyerupai itu , pilih yang terakhir).
3. Kemudian simpan arahan dibwah ini, dibawah arahan <data:post.body/>
<div class='hrecipe'><span style='float:left;'><img alt='thumbnail' class='photo' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></span>4. Klik Save Templates.
Title : <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by : <span class='author'><data:post.author/></span><br/>
Published : <span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating : <span class='average'>5</span><br/>
Reviewer : <span class='count'>99999</span> Reviews<br/></span></span>
</div>
Cara Menampilkan Rating Bintang Tanpa Gambar di Google Search.
1. Caranya sama menyerupai diatas.
2. Anda tinggal mengganti arahan (cara ketiga ) dengan arahan dibawah ini.<b:if cond='data:blog.pageType == "item"'>Demikian cara Membuat atau menampilkan RatingBintang di Google Search.. biar bermanfaat, bila Anda Newbi masih belum paham,, silahkan berkomentar di kolom komentar,, Terima Kasih,, Good Lock , Happy Blogging..
<div style='margin-top: 30px; font-size: 11px; color:#777;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>; Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>; Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
</div>
</div>
</b:if>
Sumber http://contohblogspotnih.blogspot.com/
Cara Menampilkan Rating Bintang Tanpa Gambar di Google Search.
1. Caranya sama menyerupai diatas.
2. Anda tinggal mengganti arahan (cara ketiga ) dengan arahan dibawah ini.<b:if cond='data:blog.pageType == "item"'>Demikian cara Membuat atau menampilkan RatingBintang di Google Search.. biar bermanfaat, bila Anda Newbi masih belum paham,, silahkan berkomentar di kolom komentar,, Terima Kasih,, Good Lock , Happy Blogging..
<div style='margin-top: 30px; font-size: 11px; color:#777;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>; Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>; Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
</div>
</div>
</b:if>
Sumber http://contohblogspotnih.blogspot.com/
Related Posts
- Cara Menciptakan Sajian Navigasi Horisontal Dan Kotak Pencarian Di BlogCara menciptakan Menu Navigasi Horisontal dan Kotak Pencarian di Blog. Menu Navigasi merupakan elemen yang harus diperhatikan di dalam Blog yang mmen ...
- Cara Menciptakan Goresan Pena Arab Bismilah Dan Alhamdulilah Di BlogCara menambahkan basmalah (tulisan arab) dan alhamdulilah diawal dan diakhir artikel blog. Kita sebagai umat islam niscaya sudah mengenal ba ...
- Cara Mengubah Warna Background Di Blogger Secara OtomatisCara Otomatis Mengubah Background Warna di Blogger , Pasti pengunjung blog kita akan heran jikalau blog kita setiap kali dikunjunginya akan otomatis ...
- Cara Menghapus Atau Menghilangkan Judul & Gambar Thumbnail Di Halaman StatisCara menghapus atau menghilangkan, menyembunyikan Judul pages dan gambar feature Image Thumbnail di halaman statis. Biasanya muncul judul halaman la ...
- Cara Menciptakan Social Profile Widget Keren: Metro UiCara menciptakan Social Profile Widget Keren: Metro UI , widget ini sangat menarik dengan beberapa warna yang keren , dan aneka macam mempunyai beber ...
- Membuat Form Kontak (Halaman Statis) Blog Cara Membuat Form Kontak (Halaman Statis) Blog Blog Anda belum menyiapkan widget "Formulir Kontak: untuk dipasang di sidebar Blog atau di halaman S ...