hrecipe Gambar Posting dan Rating Bintang di Google

Jika kita mencari sebuah artikel di google disana kita akan melihat beberapa hasil pencarian dari berbagai sumber, biasanya yang pertama adalah yang terbaik dan selalu menjadi target utama para penelusur. Tetapi disaat ini setelah maraknya gambar postingan dan rating bintang dimunculkan pada hasil pencarian google selalu menjadi target utama para penelusur karena memang terlihat lebih menarik. 

Jika anda tertarik ingin menampilkan gambar artikel dan rating bintang pada pencarian google, silahkan ikuti langkah-langkah dibawah ini

1.Login ke blogger
2. Pada dashboard, pilih blog anda lalu klik Template > Edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode berikut ini diatasnya

 .hrecipe{
        display:block;
        width:auto;
        background:#FFFFFF;
        border:1px solid #000000;
        padding:0;
        margin:30px 0 10px 0;
        font:normal 12px Arial;
        color:#444;
        }

.hrecipe .kontainer{padding:5px;}
.hrecipe h4{
        background:#01b8c0;
        border:none;
        border-bottom:1px solid #000000;
        color:#444;
        text-transform:normal;
        font:bold 12px Arial;
        padding:5px 10px;
        margin:0 0 0 0;
        display:block;
        }

.hrecipe h4 a{color:#FEEA83;}
        .hrecipe img{
        width:120px;
        height:88px;
        margin:0 10px 0 0;
        float:left;
        border:0px solid #000000;
        padding:2px;
        background:#01b8c0;      
        }

4.  Cari kode <data:post.body/> dan letakkan lagi kode berikut dibawahnya, biasanya terdapat 4 kode ini bagi yang menggunakan read more, cobalah salah satu

    <div class='hrecipe'>
      <h4><a expr:href='data:blog.homepageUrl'><data:post.author/></a> - <data:post.title/></h4>
    <div class='kontainer'>
    <img alt='thumbnail' class='photo' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
      Title: <span class='item' style='color:green;'><span class='fn'><data:post.title/></span></span><br/>
    Posted by:<span class='author' style='color:red;'><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'>3592</span> Reviews<br/></span></span>
    <span class='summary'><data:post.title/></span>
    </div>
      </div>

5.  Simpan Template dan lihat hasilnya

Terima Kasih Telah Melihat Artikel hrecipe Gambar Posting dan Rating Bintang di Google | URL Artikel hrecipe Gambar Posting dan Rating Bintang di Google ini adalah : http://blogdbase.blogspot.com/2013/09/hrecipe-gambar-posting-dan-rating.html.
Artikel hrecipe Gambar Posting dan Rating Bintang di Google ini dilindungi oleh DMCA. Copy Paste artikel harus disertai link sumber demi kenyamanan