• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

BELAJAR BERSAMA

Info Terkini tentang Dunia Teknik dan Perkembangan Pendidikan Teknik Informasi dan komputer pelajaran tips trik bahasa pemrograman Teknologi

  • Home
  • Menu1
    • Submenu1
    • Submenu2
    • Submenu3
    • Submenu4
  • Menu2
    • Submenu1
    • Submenu2
  • Menu3
  • Menu4
  • Menu5
  • Menu6
Home » tips blogspot » Cara Menampilkan Gambar Posting di Hasil Pencarian Google

Cara Menampilkan Gambar Posting di Hasil Pencarian Google

Cara Menampilkan Gambar Postingan Blog pada Halaman Hasil Pencarian Google


Atau Klik saja link ini untuk melihat demonya : VIEW DEMO


oh iya, bagi yang sebelumnya sudah memasang review snippets, maka anda harus menghapus dulu kode-kode yang sudah terpasang pada template, karena kali ini kita akan menggunakan kode baru untuk mendukung tutorial ini.

Langsung saja untuk cara/Trik Menampilkan Gambar Posting di Halaman Pencarian Google  silahkan ikuti langkah-langkah berikut :

Trik Menampilkan Gambar Posting di Halaman Pencarian Google :
1. Silahkan anda langsung menuju ke halam EDIT HTML
2. Cari kode <body> dan masukkan kode berikut :
<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>
di bawah kode <body>

3. kemudian cari kode </body> dan masukkan kode
</div></div>
di atas kode </body>

4. Cari kode <h2 class='post-title entry-title' dan letakkan kode
<span itemprop='itemreviewed'><span itemprop='description'> 
di atas kode class='post-title entry-title'

5. kemudian cari kode </h2> dan letakkan kode
</span></span>
di bawah kode </h2>

6. Masukkan juga kode itemprop='name' pada tag heading

Karena setiap template memiliki kode yang berbeda, jadi usahakan lebih teliti dalam mencari kode yang mirip dengan kode di atas. untuk mempermudah penjelasan, nanti hasil akhir kodenya akan seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'>
      <h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</span></span>
Sekarang agar gambar bisa muncul, anda harus memasukkan tag itemprop="photo" pada kode html gambar ( <img ... ). kemudian anda juga harus memasukkan microdata review aggregate pada postingan. berikut adalah kodenya,
<span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">Rating Artikel : <span itemprop="rating">5</span>
Jumlah Voting : <span itemprop="count">99</span> Orang
</span>
Oke, Itulah Trik/Cara Menampilkan Gambar Posting di Halaman Pencarian Google Menggunakan Recipe Snippet. semoga berhasil, tetap semangat dan semoga bermanfaat untuk anda.

sumber : http://abdu-green.blogspot.com/2012/07/trik-menampilkan-gambar-posting-di.html
Posted by Unknown on - Rating: 4.5
Title : Cara Menampilkan Gambar Posting di Hasil Pencarian Google
Description : Atau Klik saja link ini untuk melihat demonya : VIEW DEMO oh iya, bagi yang sebelumnya sudah memasang review snippets, maka anda ha...

Share to

Facebook Google+ Twitter

1 Response to "Cara Menampilkan Gambar Posting di Hasil Pencarian Google"

  1. WidiApril 27, 2013 at 10:30 PM

    Mas, Bisa agak diperjelas dikit gak artikelnya? soalnya saya agak bingung kode yang terakhir
    ini ditaruh dibagian mana ?
    Saya tunggu jawabanya, salam kenal http://tempat-software.blogspot.com

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Post Populer

  • Cara Menjadi Nomor 1 di Mesin Pencari Google
    Cara Agar Pstingan/Artikel Blog Menjadi Nomor 1 di Mesin Pencari Google. Setelah anda mendaftarkan Blog anda di Mesin Pencari google, lang...
  • Tutorial Cara Mendeteksi dan Menanggulangi Virus VBS/VBE
    Tutorial Cara Mendeteksi dan Menanggulangi Virus VBS/VBE - Virus VBE atau juga sering disebut virus VBS pada saat ini masih merupakan virus...
  • Cara Membuat Contact Me (Contact Form)
    Contact Me (Contact Form) menjadi sangat penting karena berguna untuk mempermudah pengunjung memberikan pertanyaan atau kritik dan saran ...
  • Kumpulan 15 Materi Motivasi Dalam Bentuk PPT dan Word
    Kumpulan 15 Materi Motivasi Dalam Bentuk PPT dan Word . Kali ini sahabat Bloger Belajar bersama membagikan info tentang motivasi Pembelajara...
  • File duplikat dapat menurunkan performa komputer
    Mencari File Duplikat File duplikat dapat menurunkan performa komputer. Dan juga, dapat menghabiskan ruang harddisk. Untuk itu, Like Wind...
  • Cara Membuka Pasword Hp Yang Terkunci
    Cara Membuka Pasword Hp Yang Terkunci - biasa terjadi karena kesalahan/keteledoran kamu sendiri dimana kamu lupa dengan code yg sudah di ter...
  • Cara Membuat akun adsense dengan mudah dan gampang
    Cara Membuat akun adsense dengan mudah dan gampang  -  Sebetulnya ada banyak cara membuat account Adsense tanpa harus memiliki situs atau...
DMCA.com Instagram
Copyright © 2012 BELAJAR BERSAMA - All Rights Reserved
Design by Mas Sugeng - Blogger Templates - Powered by Blogger