Monday, 2 December 2013

Cara Membuat Rating Bintang di Blog


Cara Membuat Rating Bintang di Blog

Cara Membuat Rating Bintang di Blog. Rating bintang atau rich snippets digunakan untuk menarik visitor, karena visitor akan lebih tertarik dengan tampilan yang berbeda saat visitor search di google. bedanya saat visitor search di google blog kita akan terlihat ada simbol bintang yang warnanya kuning di bawah judul postingan kita. berikut adalah langkah2 cara membuat rating bintang di blog


1. Login ke blogger - Masuk ke rancangan - edit HTML - centang Expand Template Widget.
2. Cari kode <head>. gunakan ctrl F untuk memudahkan mencari kode <head> 
3. Masukkan kode dibawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110338279875453788' rel='publisher'/> </b:if>

4. Ganti kode yang berwarna biru dengan url google+ kamu
5. Jika sudah selesai lalu cari kode <body> yang terletak di tengah kolom html lalu tambahkan kode berikut tepat di bawahnya

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

6. Stelah itu tambahkan kode </div></div> diatas kode <body> (kode<body> ini terletak terletak di bagian akhir kolom edit html, bukan kode<body> yang ditengah tadi lho).
7. Untuk memasang rating bintang kamu cari kode <data:post.body/> lalu kamu copy kode dibawah ini dan pastekan tepat di bawah kode<data:post.body/>

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>

8. Selesai sudah dan save templete.
9. Catetan ye, kalau ditemukan kode <data:post.body/> ada dua tiga ataupun empat dah, kamu copy saja semua yang no 7 di bawah kode<data:post.body/>.

10. kalau sudah dan untuk memastikan berhasil apa tidak kamu cek di sini, kamu masukkan url blog atau url postingan kamu, kalau berhasil di bawah akan muncul bintangnya.
catetan lagi ne, kalau memang bintangnya gak muncul dan belum berhasil, lihat di tempete blog kamu, sudah ada  Breadcrumb google apa belum, letaknya ada  di atas judul postingan kamu. Kalau belum sekalian ne pasang juga  Breadcrumb google nya.

Cara Memasang Breadcrumb Google di Blog:
1. Edit HTML
2. Cari kode <div class='post hentry uncustomized-post-template'> atau<b:if cond='data:post.title'>
3. Paste kode berikut ini di bawah salah satu kode tersebut :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a> &gt; </span><span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'><span itemprop='title'><data:post.title/> </span></span></div> </b:if></b:if>
By pada tanggal
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)