Script dan Cara Membuat Bintang Review Di Pencarian

Script dan Cara Membuat Bintang Review Di Pencarian, pernah lihat tanda bintang bintang di pencarian google?, nah setelah saya lihat sourcenya  sayaa ambil dan simpan di dug agc ini. CSS, untuk menyembunyikan div dugagc agar tidak nampak di postingan, jadi intinya tersembunyi.
Script dan Cara Membuat Bintang Review Di Pencarian
Bintang Review Di Pencarian 
Update: NOT WORK 23/11/2016


Pasang di antara <head>...</head>. Boleh di Bawah <head> atau di atas </head>.
Jangan Lupa Backup template terlebih dahulu!!

<style>
/* -- INFO -- */
.dugagc{
display: none;
padding: 3px 0;
border-top: 1px dotted #eee;
border-bottom: 1px dotted #eee;
overflow: hidden;
margin: 5px 0;
}
</style>

Dan ini scriptnya:

<div class="dugagc">
  Description: <span itemprop="description">judul</span><br>
  Rating: <span itemprop="rating">4.5</span><br>
  Reviewer: <span itemprop="reviewer">Dug</span><br>
  ItemReviewed: <span itemprop="itemreviewed">judul</span><br>
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
</div>

Cara pasang Bintang Review di blogger

Cara pasang kode css, pasang di antara <head>...</head>, lebih saran di atas </head>

Kemudian pasang juga kodenya di dalam kode seperti dibawah ini. Silahkan cari post-body entry-content di antara <b:includable id='post' var='post'> ... </b:includable>, lebih jelas lihat kode berikut:


<b:includable id='post' var='post'>
.
.
.
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
.
.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Kodenya Disini -->
</b:if>
.
.
</div>
.
.
.
</b:includable>

Kode bisa di sesuiakan dengan yang berikut ini:

<div class="dugagc">
  Description: <span itemprop="description"><data:post.title/></span><br>
  Rating: <span itemprop="rating">4.5</span><br>
  Reviewer: <span itemprop="reviewer">Pengarang</span><br>
  ItemReviewed: <span itemprop="itemreviewed"><data:post.title/></span><br>
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
</div>

Ganti pengarang dengan nama anda. kira kira kode akhirnya seperti ini, tanda titik titik berarti masih ada kode lainnya, setiap template mungkin berbeda, namun intinya kita ingin memasang kode ini di dalam postingan, tidak untuk didalam page, ataupun halaman home.

Kode Akhir seperti ini:


<b:includable id='post' var='post'>
.
.
.
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
.
.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Kodenya Disini -->
<div class="dugagc">
  Description: <span itemprop="description"><data:post.title/></span><br>
  Rating: <span itemprop="rating">4.5</span><br>
  Reviewer: <span itemprop="reviewer">Pengarang</span><br>
  ItemReviewed: <span itemprop="itemreviewed"><data:post.title/></span><br>
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
</div>
</b:if>
.
.
</div>
.
.
.
</b:includable>

Tunggu beberapa hari, google akan mengcraw ulang halaman anda!
Studi kasus ini berdasarkan:
view-source:http://creativecause.blogspot.com/2015/07/cara-membuat-script-popup-window-pada.html

Share on Facebook
Share on Twitter
Share on Google+
Notification ! {New!}
Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut.

Ads

Ayo sob di komen, kalau ada salah atau saran, kritik boleh coret coret dibawah, gratis kok!