Cara Membuat Rating Bintang dan Breadcrumb- cara membuatnya memang sedikit agak ribet, tapi mudah-mudahan dengan mencoba mempelajarinya perlahan, anda akan semakin mengerti. Mungkin sebagian besar diantara anda sudah mengerti apa itu rating star, yaitu tampaknya tanda bintang diblog kita dihasil pencarian google. Sedangkan breadcrumb adalah tampaknya label atau kategori postingan kita dihasil pencarian. Oke sekarang kita mulai.
Pertama pastikan dulu bahwa blog anda sudah terdaftar di profil google plus anda, sebab bisa saja ternyata malah blog utama anda tidak terdaftar. Jadi silahkan periksa dulu., kalau ternyata belum, silahkan tambahkan dulu blog yang akan anda rehap.
Breadcrumb
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 == "item"'> <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> > </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 != "true"'> > </b:if> </b:loop> </b:if> > </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>
save templete
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 == "item"'> <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> > </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 != "true"'> > </b:if> </b:loop> </b:if> > </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>
save templete
Rating Stars
cara yang kita gunakan ini juga sekalian nanti akan membuat foto profil google plus kita tampak pada hasil pencarian.
1. Login ke Blogger
2. Masuk ke Template, Edit HTML lalu klik Lanjutkan
3. Centang "Expand Template Widget"
4. Cari kode <data:post.body/>, lalu Copy kode berikut tepat dibawah kode tadi
<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img height='85px' itemprop='photo' src='https://plus.google.com/u/0/photos/113329114469623038353/albums/profile' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/113329114469623038353'><data:post.author/></a></b><br/><br/>
Terimakasih telah memberikan komentar, semoga hari anda beruntung.</div>
</div>
</div>
</b:if>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img height='85px' itemprop='photo' src='https://plus.google.com/u/0/photos/113329114469623038353/albums/profile' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/113329114469623038353'><data:post.author/></a></b><br/><br/>
Terimakasih telah memberikan komentar, semoga hari anda beruntung.</div>
</div>
</div>
</b:if>
Keterangan :
Kode yang warna biru adalah URL Foto Profil Google+ saya, ganti dengan punya anda.
Kode yang warna hijau adalah URL Google+, ganti dengan url google+ anda
Kode yang warna merah jambu, kamu bisa menggantinya dengan kata - kata sesuai keinginan anda
5. Simpan Template.
Note. Anda bisa menambahkan rel nofollow atau blank target juga, jika anda mau.
No Follow
Caranya pada nomor id profil google plus anda tambahkan rel="nofollow"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' rel='nofollow'
Target Blank / Terbuka dijendela baru
Caranya pada nomor id profil google plus anda tambahkan target="_blank"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' target="_blank"
No Follow + Target Blank
Caranya pada nomor id profil google plus anda tambahkan
rel="nofollow" dan target="_blank"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' rel='nofollow' target='_blank'
Kode yang warna biru adalah URL Foto Profil Google+ saya, ganti dengan punya anda.
Kode yang warna hijau adalah URL Google+, ganti dengan url google+ anda
Kode yang warna merah jambu, kamu bisa menggantinya dengan kata - kata sesuai keinginan anda
5. Simpan Template.
Note. Anda bisa menambahkan rel nofollow atau blank target juga, jika anda mau.
No Follow
Caranya pada nomor id profil google plus anda tambahkan rel="nofollow"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' rel='nofollow'
Target Blank / Terbuka dijendela baru
Caranya pada nomor id profil google plus anda tambahkan target="_blank"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' target="_blank"
No Follow + Target Blank
Caranya pada nomor id profil google plus anda tambahkan
rel="nofollow" dan target="_blank"
Sehingga hasilnya nanti akan menjadi seperti ini
https://plus.google.com/113329114469623038353' rel='nofollow' target='_blank'
Tidak ada komentar:
Posting Komentar