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).*

Labels: Desain Blog
138 Komentar untuk "Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog"

blog saya pakai template ini dan sudah saya ikuti sarannya, tapi kok tetep gak kelihatan? salahnya dimana ya?

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

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

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

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..

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

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

SAMA AJA DAK BERUBAH GAN LHT AJA

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

cara rubah ukuran gambar thumbnail gimana caranya gan ?

Let me see your blog..!

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

www.contohwdf.blogspot.com

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

Lakukan langkah2 di atas dengan benar.... pasti muncul.....

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?

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

silakan dibaca posting di atas masbro........

solusinya.... ganti dengan gambar baru......

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/

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

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

gan kalo kasusnya di wp gimana solusinya

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

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

Bikin tutorialnya untuk wordpress yg tanpa plugin donk mas :)

saputramz.com

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

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

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

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

Kalau thumbnail komentar gk muncul gmn gan ?

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

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

www.4allprograms.net

mohon bantuanx

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

Thanks for sharing.

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

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/

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"

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

wah tak coba dulu gan semoga bisa berhasil nih,

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

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...

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

baca UPDATE posting di atas gan....

silakan baca UPDATE posting di atas...

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

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

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

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)!

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

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

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

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

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

Terimakasih CBN, Blog saya menjadi normal kembali :)

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

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..

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

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

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 ?

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

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)

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

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

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?

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

Ini kayaknya cuma blogger Indonesia yang geger

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

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

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 :)

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..!

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?

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

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 :-)

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

artinya, harus ganti template. mkasih bang.

kalau artikel terkait tidak muncul gmana bang?

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

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 ???

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....

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

lakukan panduan di atas

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

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

kalua untuk di wordpress punya artikelnya mas?

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

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

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

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

Lakukan langkah pamungkas, lihat alinea terakhir :)

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,

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

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

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

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

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

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

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

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...

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

gan nyari site feed dimana

di menu "Setting" dashboard blogger

min kok thumbnail malah jadi buram? padahal awalnya tidak

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

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

kok tanya sini? urusan gambar buram gak dibahas di sini

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

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

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

klo boleh tau itu pake template apa ya?

cara pertama ane kenna om ,,, makash om sdah dapat pencerahannya

Saya coba solusi 1 sampai yg nomor 3. Gambar thumbnail nya bisa muncul di hompage tapi ukurannya keci..72px dari yang semula 200px. Ya sudah akhirnya saya balikin lagi spt sbl diedit dg cara no 3. Gambar ilang lagi...biarlah..ntar nanti juga balik lagi!!wkwkwk 0_0

Makasih Infonya, Gan. Saya coba di nomer 1 udah muncul.
Jozz...!

Makasih mas saya berhasil... saya cendolin yah...

Makasih infonya gan, semua nya sudah bermunculan lagi..hehe

mantap gan, tapi setelah merenung sebentar sebelum mempraktekan trik agan ini, saya coba membuang tanda ' pada judul posting ane, eh ternyata berhasil :v

yg terakhir work , tapi gambar home pagenya ko gk hd ya pecah2?

makasih banyak bung, template saya udah normal lagi. saya sempat stres karena gambar thubnailnya hilang, saya hubungi pembuat templatenya dia juga bingung gak bisa perbaiki...

Kalo punya saya thumbnail muncul sebentar kemudian gak ada satu detik ilang lagi itu kenapa ya?? mohon bantuannya..

Cek blog demonya, kalo sama, ada kode yang membuatnya demikian, Cari saja.

Terima kasih banyak tulisannya sangat membantu. Cara #1 sukses mengatasi masalah foto tidak muncul pada slider template blogspot optimal

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *