Mengatasi Masalah Tumbnail Tidak Muncul Saat Sharing ke Aplikasi Sosial Media

Pernah merasakan bagaimana "sesaknya" melihat website/blog yang kalian buat saat dishare tumbnailnya tidak muncul?
saya bukan saja sekali mengalami tragedi semacam itu, sehingga saya melihat ini harus dan perlu untuk dibagikan.

banyak langkah-langkah/cara/solusi yang dibagikan oleh para blogger terkait kasus yang saya alami, dan saya hanya akan menyampaikan tknik/cara yang saya alami langsung praktek berikut langkhnya :
Buka
1. Template > Edit HTML
2. Cari (Ctrl+F) kode sbb :

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

3. 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-Aavk83QSG-PJXC7DrVKFVE3zjCec1POctKflQugX7ftcVwCYpnPrfsdOPcWBvAJB8JNb69bXuFqWZxZ5YgGcZSpqzV6MBDFMQhY-obhMrC6rHipzompiq_drZRE2bWbtWOITj1Gwk-a/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 templatenya saja! :)