• 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...
  • 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...
  • KUMPULAN INSTRUKSI MIPS DAN JENIS INSTRUKSI MIPS
    Instruksi pada MIPS dibagi dalam tiga bentuk format yakni: format R, format I, format J R format terdiri dari tiga register dan function fi...
  • Tips Instalsi Server ( 1 cpu multi monitor ) Double
    Cara Instalsi Server ( 1 cpu multi monitor ) Double click setupserver.exe Next ==> next hingga finish Kemudian sebelum finish silahkan ce...
  • ANIMASI LENGKAP TAMPILAN POWER POINT CANTIK DAN KEREN
    Kali ini kita akan melihat berbagai animasi yang akan mempercantik tampilan power pion anda, Silahkan pilih dan coment yach di bawah. bila a...
  • Tutorial rangkaian Ring Counter Teknik digital UNM PTIK 06
    BAB 1 PENDAHULUAN Counter merupakan rangkaian logika pengurut, karena counter membutuhkan karakteristik memori, dan pewaktu memegan...
DMCA.com
Instagram
Copyright © 2012 BELAJAR BERSAMA - All Rights Reserved
Design by Mas Sugeng - Blogger Templates - Powered by Blogger