Cara Mudah Membuat Snipet Bintang Lima (5)

sobat pasti pernah melihat, gambar bintang lima pada konten web/blog ketika pencarian di search enggine, tepatnya di google. ya itu semua dilakukkan oleh pemilik blog itu sendiri supaya menarik minat browser untuk berkunjung ke blog dia. nantinya setelah dipasang bintang lima maka akan terkombinasikan langsung dengan pesan kita sebagai admin di blog yang kita kelola, tepatnya di bawah postingan artikel. 

gimana sob? tertarik untuk membuatnya? hehe

oke deh, langsung saja akan saya pandu sobat untuk memasang snipet bintang lima.

simak tutorial saya berikut :

1. sobat cari kode  <div style='clear: both;'/> <!-- clear for photos floats --> di HTML blog sobat (sebelumnya jangan lupa centang Expand Template Widget )

2. kalo sudah ketemu, sobat copas kode dibawah ini tepat diatas kode yang sobat cari tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div style='margin-top: 30px; font-size: 11px; color:#777; padding:10px; background:#d4d4d4;'>
        <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
        Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
        Rating Blog: <span itemprop='rating'>5</span> dari 5<br/>
        Ditulis oleh <span itemprop='reviewer'><data:post.author/></span><br/>
        Anda sedang membaca artikel <b><data:post.title/></b>. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL <b><data:post.url/></b>. Terima kasih sudah singgah di blog ini.
                </div>
                </div>
                </b:if>

 3. langkah selanjutnya save.

NOTE :  untuk posisi penempatan kodenya bisa sobat coba juga di bawah kode <data:post.body/> atau sobat sendirilah yang atur

demikian tutorial dari saya, semoga bermanfaat !!

Share this post