Kamis, 25 Januari 2018

Mengatasi Thumbnail Gambar Tidak Muncul


Sukaraja.com- Amp, di preview artikel gambarnya kok gak ada, Kemana gambarnya?, Padahal kan sudah upload gambar. Biasanya kan kalau di tema bukan amp langsung nongol tumbnail gambarnya. Hihi ketewa dulu q masbrur, bukan menertawakan masbrur lho ya, ini sekedar sharing atau lebih tepatnya curhatan saya sewaktu baru migrasi dari tema non amp ke tema blog amp.bukan sok tau ya masbrur, saya cuma pemula.

Sekali lagi aseeek, eeeh sekali lagi curhatan saya 😅, beberapa waktu yang lalu saya kan kepingin punya logo petir juga di blog masbrur, da terlebih lagi banyak yang posting kesuksesannya mengganti tema ke blog amp ini, sebagai seorang pemula kan jadi Pengen nyoba juga. Eeh gak taunya jadi puyeng sendiri masbrur hihi, kan bisa lihat tutorial yang di tulis mastah di blognya.

Benar, itu yang saya lakuin juga masbrur, mau bertanya langsung juga kecil harapan buat di jawab, blogger pemula seperti saya kan belum kenal sama beliau, jadi cuma bisa baca baca artikelnya sambil berusaha keras Buat mahamin apaan sih maksudnya. Setelah coba dan gagal lagi, coba lagi dan gagal lagi, ternyata ribet masbrur.

Yah mungkin karna saya nya yang masih baru netes hihi. Walhasil Capek dan dibiarin kosong aja preview atau thumbnail gambarnya. Jelek dong tulisannya gk ada gambarnya! Yah mau bagaimana lagi waktu itu saya cuma lg fokus Buat edit postingan blog biar valid amp semua. Jadi belum bisa fokus buat ngatasin masalah tumbnail gambar blog amp tidak muncul.

Beruntung lagi guru blogger saya kasih bantuan lagi hihi, yah beliau memang top dah masbrur, Siapa lagi kalau bukan pakudin, maaf ya pak Namanya di sebut sebut terus 😅, menurut beliau ada dua hal yang menyebabkan preview gambar atau tumbnail gambar tidak muncul apa saja?

Pertama; ukuran gambar yup ketika kita memasang scrip "NoScript bla bla bla /script" di awal postingan pasti ada ukuran tinggi dan lebarnya gambar, jika tidak sesuai dengan ukuran tema maka kemungkinan besar preview gambarnya tidak akan muncul. Contoh image height kode dibawah ini masbrur ganti dengan 200 100 atau yang lain Padahal di tema ukurannya 337. Atau width nya di rubah 500 Misalnya. Tema yang saya pakai DMC.

<noscript> <img height="337" width="600" alt="Contoh postingan " title="Contoh postingan " src="http" /></noscript><br />

Kedua; ada doble scrip penampil thumbnail gambar, doble gimana yah Sebenarnya fungsi dari kode script ... / NoScript diatas untuk menampilkan preview gambar artikel. Jadi ketika masbrur upload foto atau gambar dan sudah mengedit formatnya yang semula ahref... DST, menjadi

</div>
<div class="img-width-300 img-center">
<div class="post-thumbnail">
<amp-img alt="nama gambar" height="490" layout="responsive" src="https://1.bp.blogspot.com/-sXtKwa1BHrw/WkxO6i0k12I/AAAAAAAAA3c/lHv-fUQRKNogPLUEPly8dRGYjS7rgX2FQCLcBGAs/s1600/IMG_20180103_101703.jpg" title="judul gambar" width="640">
</amp-img>
</div>
</div>

Maka akan ada doble kode penampil gambar, yang mana sih ris? Tu yang di bold. Jadi silusinya bagaimana? Tenang tarik nafas dalam dalam dan keluarkan hihi, solusinya masbrur hapus kode yang saya Bold dan jangan lupa width nya ubah jadi 600, jadinya seperti ini masbrur

<div class="img-width-600 img-center">
<amp-img alt="nama gambar" height="490" layout="responsive" src="https://1.bp.blogspot.com/-sXtKwa1BHrw/WkxO6i0k12I/AAAAAAAAA3c/lHv-fUQRKNogPLUEPly8dRGYjS7rgX2FQCLcBGAs/s1600/IMG_20180103_101703.jpg" title="judul gambar" width="640">
</amp-img>
</div>

InsyaAlloh setelah Kedua kode diperbaiki thumbnail gambar masbrur di postingan blog amp nya akan muncul. Saya pakai tema DMC ya masbrur kalau tema yang lain mungkin tidak mengalami hal ini, Sebab saya belum coba tema lain.

Nah itu saja ya masbrur buat hari ini, semoga blogger pemula seperti saya yang nemu masalah yang sama bisa teratasi dengan tulisan ini, saya pamit undur diri dulu belum masak soalnya hihi.

Terimakasih.