Mengatasi No Image Thumbnail Pada Template Kompi Ajaib

Sampai saat ini sebenarnya belum ada yang mengeluhkan hal ini oleh pengguna template Kompi Ajaib yang tempo hari saya bagikan. Namun ketika saya berkunjung ke blog yang kebetulan menggunakan template Kompi Ajaib dan postingannya tidak menggunakan gambar atau thumbnail, terlihat kurang bagus di homepage-nya.

Nah untuk itu kini saya buatkan postingannya untuk mengatasi postingan yang tidak menyertakan gambar agar tampilan di homepage tidak kosong.

Bagi Anda yang menggunakan template Kompi Ajaib, silahkan ikuti cara mengatasi no image thumbnail pada template Kompi Ajaib di bawah ini.

Silahkan temukan kode di bawah ini:


<script type='text/javascript'>
document.write(sompret_image_creator(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

Kemudian silahkan ganti dengan kode di bawah ini:


<b:if cond='data:post.thumbnailUrl'>
<script type='text/javascript'>
document.write(sompret_image_creator(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>
<b:else/>
 <img alt='thumbnail' class='post-thumbnail' height='190' src='http://2.bp.blogspot.com/-02jT97yp-74/U-2_rDlZ_nI/AAAAAAAAdaU/pnNIeinEOGQ/s1600/noImg.jpg' width='300'/>
    </b:if>

Jika Anda ingin menggunakan gambar no image buatan sendiri, silahkan ganti url image di atas seperti ini.


http://2.bp.blogspot.com/-02jT97yp-74/U-2_rDlZ_nI/AAAAAAAAdaU/pnNIeinEOGQ/s1600/noImg.jpg

Sebenarnya pada javascript untuk menampilkan thumbnail sudah memiliki no-image, namun tidak bekerja pada template Kompi Ajaib ini. Untuk itu saya atasi dengan kode di atas.

Untuk template gelap Kompi Ajaib sudah saya atasi dengan kode di atas, tinggal Anda ganti gambar no image-nya jika ingin menggunakan gambar sendiri.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments