Mengatasi No Image Thumbnail Pada Template Kompi Ajaib

Mengatasi No Image Thumbnail Pada Template Kompi Ajaib

Bola Hero Gawai

Mengatasi No Image Thumbnail Pada Template Kompi Ajaib

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.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×