Home » » Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog

Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog

Gambar, Image, FotoThumbnail Anda tidak muncul di halaman depan blog (homepage)?  Ini dia cara jitu mengatasinya.


Gambar Image Thumbnail yang Tidak Muncul
BIASNNYA jika gambar thumbnail tidak muncul di homepage, maka akan digantikan dengan gambar kosong atau image default seperti ilustrasi posting ini: No Image Available (Tidak Ada Gambar).

Gambar Image Thumbnail normalnya muncul di posting Auto Readmore, Popular Post with Image, dan Featured Post Image / Slider.

Mengatasi gambar thumbnail yang tidak muncul di blog itu gampang banget. 

Tapi sebelumnya, apa itu thumbnail image?

A thumbnail image is a small graphics file. These images are created from standard size images and are used on webpages. The small size allows Web surfers quick access to webpage content. (wisegeek.org).

Cara #1 Mengatasi Gambar Thumbnail Tidak Muncul

1. Pastikan Anda upload gambar/foto sendiri, bukan "From a URL" tapi Upload --> Choose File/Pilih File

Kalau masih gak muncul juga, coba cek:

2. Setting > Other > Site Feed > Allow Blog Feed > pilih FULL, jangan yang lain! Macam ni:


Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog

Nah, yang terakhir itu dialami oleh New Johny Wuss saat "uji coba", tiba-tiba gambar Featured Post tidak muncul, ternyata "Allow Blog Feed" itu penyakitnya, sama seperti dialami ketika CB Blogger uji coba template Daily Times Theme for Blogspot yang thumbail image-nya sempat tidak muncul.

Kali aja ada yang ngalamin, coba deh cara di atas. 


Cara #2 Mengatasi Gambar Image Thumbnail Tidak Muncul

Mengubah Https jadi Http
Jika kedua cara di atas masih tidak membuahkan hasil alias gagal, maka lakukan langkah ini:

1. Edit posting/tulisan yang gambar thumbnail-nya tidak muncul di homepage
2. Klik mode HTML (sebelahnya Compose)
3. Di bagian atas postingan, cari kode/tulisan https. Misalnya: a href="https://.... atau src="https://....
4. HAPUS huruf  s sehingga menjadi http. Klik "Update" (Perbarui)!

Rupanya, ada perubahan URL Image Thumbnail di Blogger, dari http ke https, sehingga thumbnail image tidak muncul. Banyak juga template blog yang tidak terpengaruh dengan perubahan itu.

Cara #3 SOLUSI PALING JITU

Masih gak muncul juga tu gambar thumbnail dengan cara-cara di atas? Coba atasi dengan senjata pamungkas berikut ini:

1. Template > Edit HTML
2. Cari (Ctrl+F) kode

  <b:if cond='data:post.thumbnailUrl'>

4. Ganti kode

<b:if cond='data:post.thumbnailUrl'>
Ada kode lainnya di sini
</b:if>

dengan kode berikut ini:

<b:if cond='data:post.thumbnailUrl'>
  <a expr:href='data:post.url'>
    <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
  </a>
<b:else/>
  <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'>
      <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/>
    </a>
  <b:else/>
    <a expr:href='data:post.url'>
      <img alt='no image' class='noimage post-thumbnail' src='http://lh4.googleusercontent.com/-ZlvikLB3yVw/VXHIr0JIJOI/AAAAAAAAAv0/2-P8lhEpmqE/s265-no/no-image.png'/>
   </a>
 </b:if>
</b:if>

Maka, jika cara-cara mengatasi tidak munculnya gambar thumbnail di atas masih tidak membuahkan hasil juga, terpaksa... solusi terampuh: ganti template aja! :)

Good Luck and Happy Blogging! (http://www.contohblog.com).*

Thanks for reading & sharing Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog

Previous
« Prev Post

125 comments:

Comment Page:
  1. blog saya pakai template ini dan sudah saya ikuti sarannya, tapi kok tetep gak kelihatan? salahnya dimana ya?

    ReplyDelete
    Replies
    1. Harus ada minimal satu posting yang dikasih Label "Featured" (tanpa tanda petik).... Good luck....

      Delete
    2. thanks gan .... semoga mendapat balasan yang terbaik :)

      Delete
    3. sama-sama, amin.... CB sudah lihat blognya sudah "normal", selamat dan good luck...!

      Delete
  2. gan mau nanya nie.. kenapa di blog saya itu thumbnailny ngak muncul di home page nya.. kalo toko online kan kurang keren kalo cma judul sama keterangan.. tapi kemarin memang aq ganti linknya, biar kalo di klik fotonya biar lari ke home page.. apa itu penyebabnya ya..

    ReplyDelete
    Replies
    1. bisa jadi.... dicoba aja ubah link gambarnya..... lagian templatnya juga kurang pas kalo pake yang itu....

      Delete
    2. SAMA AJA DAK BERUBAH GAN LHT AJA

      Delete
  3. KOK SAMA AJA GAN GAK ADA PERUBAHAN HUFFFF SEBEL DEH TUH LIHAT http://cholsproduction.blogspot.com/

    ReplyDelete
    Replies
    1. Coba tanya ke Kompi Ajaib yang ngedit template itu... dia lebih tau, soalnya dia yang modif

      Delete
  4. cara rubah ukuran gambar thumbnail gimana caranya gan ?

    ReplyDelete
    Replies
    1. Let me see your blog..!

      Delete
    2. www.contohwdf.blogspot.com

      Delete
    3. Ubah di sini:
      .postthumb {
      width: 160px; // ukurna kebar
      height: 120px; // ukuran tinggi

      Delete
  5. gan liat blog saya .. gambar posting nya gak muncul www.fauzansc.tk

    ReplyDelete
    Replies
    1. Lakukan langkah2 di atas dengan benar.... pasti muncul.....

      Delete
  6. klw yang muncul cuman blank warna putih, gmana bro...saya punya satu postingan yang thumbnailnya blank putih, padahal yang lain gak apa'', ada solusi gak?

    ReplyDelete
    Replies
    1. solusinya.... ganti dengan gambar baru......

      Delete
  7. mas mau tanya kalo misalkan gambarnya dari url lain ko ga muncul ya? cara ubah cepetnya gimana biar kebuka? postingnya udah banyak ni cape editnya makasih
    http://qdoshare.blogspot.com

    ReplyDelete
    Replies
    1. silakan dibaca posting di atas masbro........

      Delete
  8. bermanfaat sekali mas.
    tapi sayang di blog ane sudah ane terapin tapi masih gak bisa alias masih gak muncul.
    blog ane = http://www.dunia-artikelku.com/

    ReplyDelete
  9. Sama gan. Blog ane sudah di allow full tapi widget tumbnail custom template saya masih ga muncul.. Solusi lain??

    ReplyDelete
  10. Kemarin saya juga sempat masalah dengan ini dan akhirnya beli template yang premium.

    ReplyDelete
  11. gan kalo kasusnya di wp gimana solusinya

    ReplyDelete
    Replies
    1. WP mah mudah, banyak Plugin.
      http://wordpress.org/support/topic/thumbnail-featured-images-not-showing

      Delete
  12. thanks mas, harus upload biar g not available work, kunbal ya
    http://clickandskip.blogspot.com

    ReplyDelete
  13. Bikin tutorialnya untuk wordpress yg tanpa plugin donk mas :)

    saputramz.com

    ReplyDelete
  14. kok tetep gabisa ya gan, 4 dari 9 postingan di home muncul gambarnya, lainnya ga muncul gan, monggo lihat htt[://agilcahyap.blogspot.com

    ReplyDelete
    Replies
    1. Lho.... Agan sendiri 'kan yang rencang templatenya? Template by Agil Cahya Pamungkas. Jadi.... ??? :)

      Delete
  15. CB yg baik hati :-), saya memang sengaja set allow feed nya ga full untuk mencegah copy artikel dari feed seperti yg dilakukan AGC. Jadi apa ada solusi lain? Thx

    ReplyDelete
    Replies
    1. Gak ada jalan lain... lagi pula COPAS artikel sudah gak zaman :) Google sudah makin selektif milih posting asli dan palsu

      Delete
  16. Kalau thumbnail komentar gk muncul gmn gan ?

    ReplyDelete
    Replies
    1. Lho... kok tanya sini? Kan blog agan tentang Blog Trik dan Tips :)

      Delete
  17. saya coba tapi gak jadi coba cek punya saya halaman depan blogx gak muncul gambar thumbnailx...

    www.4allprograms.net

    mohon bantuanx

    ReplyDelete
  18. oke gan. Template ane kayaknya baik-baik aja. hehehe

    Thanks for sharing.

    ReplyDelete
  19. Saya udah coba, cuman saya ga ketemu dimna form Setting --> Site Feed --> Allow Blog Feed -->

    Mohon bantuan jelasnya dimana saya ketemu settingan tersebut, karena saya bingung sampai sekarangan mengapa 2 atikel terakhir saya tidak ada thumnailnya, padahal saya tidak pernah edit di settingan sekalipun. Terimakasih

    ReplyDelete
    Replies
    1. Di Dashboard Blog. Login ke blogger.com, lalu ketik www.blogger.com, lalu klik Nama Blog, di samping kiri layar paling bawah ada menu "Setting"

      Delete
  20. Gan, saya mengalami image yang gak muncul. Saran agan dah saya lakukan. Kok tetap gak muncul ya image. Ada solusi lain?

    Coba agan lihat di http://misbahushshudur.blogspot.com/

    ReplyDelete
  21. udah di full gan tapi tetep aja www.jonesindonesia.blogspot.com

    ReplyDelete
    Replies
    1. baca UPDATE posting di atas gan....

      Delete
    2. oke bisa, tambahan gan tadi saya coba cara itu digambar yang pake ukuran original size sama aja ga bisa, jadi kalo misalnya udah coba cara itu ga bisa coba ganti size nya, thanks gan

      Delete
  22. wah tak coba dulu gan semoga bisa berhasil nih,

    ReplyDelete
  23. Udah ke 2 cara di atas,, masih tidak muncul gambar mas,, www.askia-multimedia.com
    bisa kasih solusi?

    ReplyDelete
    Replies
    1. silakan baca UPDATE posting di atas...

      Delete
  24. sedikit menambahkan saja, tadi nyari di google nemu jawabannya, jika tidak berhasil coba buka edit postingan yang gambar thumbnail-nya tidak muncul, kemudian klik html (sebelahnya compose) kemudian cari "https:" huruf "s" nya diilangin semua. kemudian klik "perbarui".. smg berhasil.
    hasilnya punya saya : http://tentang-kehidupan-dunia.blogspot.com/

    Saya menggunakan template kompimales, nggak tau kenapa kok banyak yang mengalami hal yg sama...

    ReplyDelete
    Replies
    1. Mantaaappp!!!! Thanks for sharing.... Nah, agan-agan yang masih gagal dengan kedua cara di atas, coba cara ketiga dari mart andi ini, jitu dah!

      Delete
  25. Alhamdulillah , setelah coba cara dari Mart Andi. Berhasil gan!!!
    Thanks Ya...

    ReplyDelete
  26. wah makasih banyak sob. langsung sukses diterpakan. kini gambarnya sudah muncul

    ReplyDelete
  27. thanks gan udah muncul :D , cara ketiga jitu http://ultimateofbali.blogspot.com

    ReplyDelete
  28. wah terima kasih mas. kayaknya ni karena perubahan pada blogger. jadi setiap kita upload gambar, maka url gambarnya pakai https, tidak lagi pakai http. Ini yang menyebabkan gambar di postingan-postingan yang baru menjadi tidak muncul gambar thumbnailnya.
    -------------------------------------------
    3. Edit posting/tulisan yang gambar thumbnail-nya tidak muncul di homepage, kemudian klik mode HTML (sebelahnya Compose), lalu cari kode/tulisan https. Misalnya: a href="https://.... atau src="https://....

    HAPUS huruf s sehingga menjadi http. Klik "Update" (Perbarui)!

    ReplyDelete
    Replies
    1. You are absolutely RIGHT, brother!!! Thanks for sharing and commenting... :)

      Delete
  29. Trima kasih...!!! sudah dicoba berhasil...!!! :)

    ReplyDelete
  30. sip .... pas banget buat blog sy ,,, dan sukses dengan cara yg pertama ...mkash gan ,,, ;)

    ReplyDelete
  31. tetep ga muncul..bberapa postingan sebelumnya muncul,tapi pas kemarin udah ga muncul lagi bahkan dua blog saya gtu :'(

    ReplyDelete
  32. wah ini persis spt yg di alami blog saya.. mudah2an cara ke 3 brhasil.. mau nyoba dulu :)

    ReplyDelete
  33. Terimakasih CBN, Blog saya menjadi normal kembali :)

    ReplyDelete
  34. Tengkyu berat min...ini yang saya cari cari, udah ampir putus asa akhirnya ada jalan keluarnya...blog saya yang memang sangat membutuhkan gambar2, pas suatu saat tidak muncul, waduh paniknya...untunglah ketemu tulisan anda ini. makasih banyak yaa..

    ReplyDelete
  35. Saya juga masih punya cara alternatif lain.. :)
    Yang gak repot harus gonta-ganti HTTPS ke HTTP..

    Mungkin bisa sedikit membantu :
    http://www.chaidir.web.id/2014/11/thumbnail-post-gambar-blogger-hilang-di-beranda.html

    ReplyDelete
  36. tips yg ke 3.... jitu gan... makasih ya

    ReplyDelete
  37. thx mas bro berhasil nih dengan menggunakan penghapusan "s"..
    tapi heran kenapa baru sekarang kejadian begitu yah dulunya aman-aman dan bisa-bisa saja tanpa hapus menghapus.. apa semua tergantung pada gambar yang di download mas ?

    ReplyDelete
    Replies
    1. Iya, ini isu besar di kalangan blogger, ada perubahan di bloggernya, "s" itu yang jadi masalah. Banyak blogger dunia yang berharap Blogger segera perbaiki error ini. Sementara ini, manual saja dulu (langkah 3)

      Delete
  38. terimakasih, membantu banget, kami mengalami hal yang sama, terima kasih ya :)

    ReplyDelete
  39. Terima kasih informasinya CiBi, sekarang sudah teratasi. Problem Solved..!

    ReplyDelete
  40. makasih gan udah bisa di blog ane, tapi apa mesti setiap ga muncul pake trik seperti itu ? ga ada yang secara otomatis gan ?

    ReplyDelete
  41. Assalamu'alaikum Gan kalau saya masalah nya kok ga muncul banyak pos dihalaman depan malah muncul 2 pos aja, padahal disetingan udah diset 8 pos. gimana solusinya?

    ReplyDelete
    Replies
    1. Buat 6 posting baru atau update 6 posting lama dengan mengubah tanggal publikasi....

      Delete
  42. Ini kayaknya cuma blogger Indonesia yang geger

    ReplyDelete
    Replies
    1. Gak juga.. justru geger duluan di luar, cek aja, misalnya : http://www.livewithg.com/2014/11/13/fix-google-blogger-post-thumbnail-missing-issue/

      Delete
  43. Izin dipraktekan yg gan, ane udah gonta-ganti theme smpe 5 kale begitu ketemu yg cocok gambarnya ga muncul nih gan web ane beritajualbeli.com
    Thx & salam kenal

    ReplyDelete
  44. Oke Bro. Masalah ane fix.
    Ternyata harus di setting Full pada feed_nya, secara ane pakai template Johny Ganteng.
    Resikonya ya content bisa di curi secara full :)

    ReplyDelete
  45. Terima kasih, Mas. Permasalahan saya sudah teratasi atas adanya blog ini. saya pakai cara ke 2 setting full feed di template blog saya. Dan semua gambar postingan di blog saya sudah muncul. Siip..!

    ReplyDelete
  46. Mas, kalau thumnail saya tidak muncul karena break saat load image, bagaimana caranya mas? Kedua, untuk menentukan gambar mana yang nantinya menjadi thumnail apa bisa?

    ReplyDelete
    Replies
    1. 1. gambarnya kegedean kali, baca:
      http://contohblognih.blogspot.com/2014/03/ukuran-foto-yang-benar-untuk-blogwebsite.html
      2. gambar yang jadi thumbnail biasanya gambar yang pertamakali diupload, untuk menentukan gambar mana yang nantinya menjadi thumnail, upload satu-satu... upload pertama yang mau dijadiin thumbnail

      Delete
  47. bang, saya baru pemula dalam dunia blog. blognya abang kren, postingannya juga bermanfaat, saya pakai template "new johny wuss responsive", muncul masalah di Home Page "No Image Available". saya sudah coba tipsx, but, don' work.
    emang semua postingan saya format HTML dari Embed Uploading saya d Slide share & Scribd, apa ada pengaruhnya?
    My blog "http://hasril08.blogspot.com"

    Makasih sebelumnya :-)

    ReplyDelete
    Replies
    1. Silakan baca ulang, pelan-pelan, posting di atas, khususnya di bagian:
      Pastikan Anda upload gambar/foto sendiri, bukan "From a URL" tapi Upload --> Choose File/Pilih File

      Delete
    2. artinya, harus ganti template. mkasih bang.

      Delete
  48. kalau artikel terkait tidak muncul gmana bang?

    ReplyDelete
    Replies
    1. artikel terkait tidak muncul karena belum dipasang kodenya atau posting gak dikasih label:
      http://contohblognih.blogspot.com/2014/01/cara-membuat-related-posts-yang-aman.html

      Delete
  49. Wah makasih banyak mas CB,ane berhasil dengan cara yang kedua,tapi katanya kalau setingan feed dibuat full/penuh bisa mengurangi seo,karena menyebabkan duplikat konten,benar gak mas ???

    ReplyDelete
    Replies
    1. Tidak benar, ki sanak, duplikasi kontennya kan masuk ke email user, bukan di blog kita.... Buktinya blog CB ini aman-aman saja, gak ada masalah setting FULL....

      Delete
  50. mas tolong bantuannya. di blog saya ko ga ngaruh pas dirubah thumbnailnya home pagenya.
    blog saya Yansyah Komunika
    mohon bantuannya.

    ReplyDelete
  51. Kang CB, pas di share ke FB,gambarnya g muncul, kenapa ya?saya pake NJW V3. Kendalanya apa ya Kang? Nuhun

    ReplyDelete
  52. Thanks Sob Pencerahannya akhirnya ketemunya juga solusinya untuk web sy yg thumnaildnya bermasalah, sukses terus.

    ReplyDelete
  53. kalua untuk di wordpress punya artikelnya mas?

    ReplyDelete
    Replies
    1. WP mah lebih gampang, banyak pluginnya, seperti https://wordpress.org/plugins/auto-post-thumbnail/

      Delete
  54. gan saya udah coba tapi ukurannya kok kecil, gimana ubah biar bisa kaya template aslinya??

    ReplyDelete
  55. sip bang CB cara yang ke empat berhasil..
    Ganti template :)

    ReplyDelete
  56. Bang CB sudah pakai 3 cara diatas kok tetep gak muncul image gmn ya ?
    pdhl di blog satunya pke template ini aman2 saja.

    pencerahannya bang CB

    ReplyDelete
    Replies
    1. Lakukan langkah pamungkas, lihat alinea terakhir :)

      Delete
  57. kalo ane, cuma 1 gambar thumbnail doang yang ilang dari homepage. .
    tau dah kenapa, ujungnya sih ane apus aja entu artikel. .
    ga penting juga,,

    nah pertanyaannya, kalo yang ilang cuma 1 itu, masalahnya ada dimana ?
    http? dari awal emang gambarnya pake http dan juga upload sendiri, tapi kok tetep gak muncul ya? cuma 1 pula yang ngilang,

    ReplyDelete
  58. Jurus pamungkasnya mujarab mas. Hehe.. terimakasih.
    Sudah terselesaikan juga masalah thumbnail pada homepage saya. Sekali lagi terimakasih.

    ReplyDelete
  59. niche blognya gan .
    eh kan pas saya mau share postingan ke fb, pas itu pula gambar di halaman depan nggak mau muncul, yang muncul malah tulisan ad size 300 x 250 . itu gimana ya gan. .

    thx

    ReplyDelete
  60. min... klo gambar sama deskripsi tidak muncul waktu share ke facebook gimana cara ngatasinya...
    tolong solusinya min.. :D

    ReplyDelete
    Replies
    1. Silakan simak:
      http://www.contohblog.com/2014/01/memunculkan-deskripsi-alinea-pertama.html

      Delete
  61. Saya punya website, tapi fitur gambar yang ada sering broken atau rusak saat ditampilkan. Itu bagaimana ya? terimakasih

    ReplyDelete
  62. saya pake SEO Friendly Images ini kiok imagenya double ya muncul dipostingan, saya masukin 5 images di postingan, gmana cara mengatasinya biar ga double gitu, thanks b4

    ReplyDelete
  63. alhamdulilah berhasil pake cara yang ke dua saya
    2. Setting --> Site Feed --> Allow Blog Feed --> pilih FULL, jangan yang lain!
    http://www.gadogadoilmu.com/
    terimakasih banyak artikelnya membantu bingit....hehheheh

    ReplyDelete
  64. untuk cara nomer 2 bisa dan akhirnya muncul gambar dan tautan lainnya..pilih di Setelan > klik Lainnya > klik umpan situs > pilih izinkan umpan blog > piih penuh (versi setingan blog bahasa indonesia...

    ReplyDelete
  65. Banyak juga ya penyebabnya. Saya baru tahu kalo FEED itu juga yang bikin bermasalah mas.

    Nambah wawasan. Thanks, semoga CB semakin berkah menjalani hidupnya. Happy blogging :D

    ReplyDelete
  66. gan nyari site feed dimana

    ReplyDelete
    Replies
    1. di menu "Setting" dashboard blogger

      Delete
  67. min kok thumbnail malah jadi buram? padahal awalnya tidak

    ReplyDelete
    Replies
    1. kok tanya sini? urusan gambar buram gak dibahas di sini

      Delete
  68. Saya pernah mengalami salah satu thumbnail posting saya tidak muncul sebagaimana mestinya.

    Dari posting diatas metode 1 dan 2tidak berhasil. Metode 2 berhasil, tapi itu akan mengubah struktur template.

    Setelah coba utak-atik, usut punya usut ternyata yang jadi biang keladi adanya tanda petik (') pada judul artikel. Setelah me-remove tanda tersebut akhirnya nogol juga thumbnailnya.

    Karena penasaran coba lagi kasih tanda petik ('), dan ilang lagi thumbnailnya. Yah jadi sebisa mungkin hindari penggunaan tanda petik (') untuk judul artikel.

    Silahkan untuk rekan-rekan mungkin ada yang mengalami masalah seperti saya bisa coba gunakan cara diatas.

    Jika memang ini membantu, boleh ditambahkan ke artikelnya panjenengan pak. Terimakasih, semoga bermanfaat!

    NB : Maaf pak, soal salah komentar diposting panjenegan yang lain karena buka banyak tab :D

    ReplyDelete
    Replies
    1. klo boleh tau itu pake template apa ya?

      Delete
  69. Kalau artikel saya kan inport dari blog lain, nah link fotonya masih di blog lain, apa bisa dimunculkan di blog saya ya mas?

    ReplyDelete
  70. akhirnya... berhasil di tutorial agan... Matur Suhun kang.... Blognya MANTAPPPP!

    ReplyDelete
  71. tutorial pertama sya upload ulang fotonya trus ubah jadi medium sizenya dan akhirnya bisa muncul...mksiihhh yahh

    ReplyDelete
  72. terima kasih gan, selama ini ternyata itu masalahnya... Hadehhhhhh

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox