Cara Menghilangkan Thumbnail Artikel Blog




Bila terdapat sebuah artikel yang memiliki gambar maka biasanya gambar yang terdapat pada artikel tersebut akan ditampilkan dalam bentuk “thumbnail” pada saat user mengakses bagian halaman depan atau label dari blog.

Tapi terkadang untuk alasan tertentu seperti misal karena blog tidak terlalu banyak menampilkan konten gambar, maka mungkin thumbnail tersebut jadi tidak terlalu penting. Hal ini memang tidak terbatas pada alasan itu saja, bisa juga karena memang ingin membuat tampilan blog jadi lebih simple misalnya.

Perlu diketahui bahwasanya setiap template yang kita gunakan pasti berbeda – beda, meskipun begitu Saya yakin tidak akan terlalu jauh berbeda, karena intinya hanya menghilangkan bagian / fungsi untuk melakukan pemanggilan gambar thumbnail.

Dalam praktik kali ini Saya akan mencontohkan bagaimana Cara Menghilangkan Thumbnail Artikel Blog pada template evo magz buatan Mas Sugeng.
  1.  Login ke blogger atau blogspot masing – masing
  2. Kemudian cari tag atau script seperti berikut pada template
     <b:if cond='data:post.thumbnailUrl'>
      <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 200, &quot;400:300&quot;)' expr:title='data:post.title'/></div>
      </a> 
       <b:else/>
    
      <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
      </a>
     
       <b:else/>
      <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='//1.bp.blogspot.com/-6TLVNoNOnUs/VyBQ0IAYV6I/AAAAAAAAADk/qU049q3Di5Yld8yh6TXo96sHWWoqN-fxgCLcB/s1600/Tukangtik.png'/></div>
      </a>
    
       </b:if> 
    
     </b:if>
  3. Untuk menghilangkan gambar Anda bisa mengahpus script diatas
  4. atau bisa juga dengan menonaktifkannya menggunakan tag <!-- pada bagian pertama script lalu di akhiri dengan menggunakan tutup --> sehingga bila suatu saat nanti Anda ingin mengaktifkan thumbnail, Anda cukup menghapus tag <!-- dan  --> seperti berikut
    <!-- Nonaktifkan Thumbnail
       <b:if cond='data:post.thumbnailUrl'>
      <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 200, &quot;400:300&quot;)' expr:title='data:post.title'/></div>
      </a> 
       <b:else/>
    
      <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
      </a>
     
       <b:else/>
      <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='//1.bp.blogspot.com/-6TLVNoNOnUs/VyBQ0IAYV6I/AAAAAAAAADk/qU049q3Di5Yld8yh6TXo96sHWWoqN-fxgCLcB/s1600/Tukangtik.png'/></div>
      </a>
    
       </b:if> 
    
     </b:if>
    -->

Bila berhasil nanti kurang lebih tampilannya akan terlihat seperti berikut

thumbnail di hilangkan

Untuk cara di template jenis lain sebenarnya kalau menurut saya sama saja, nanti Anda bisa menggunakan inspect elemen, untuk melihat kode / tag yang digunakan untuk memanggil thumbnails gambar artikel
 thumbnail contoh menghapus

4 Responses to "Cara Menghilangkan Thumbnail Artikel Blog"

  1. saya terbiasa pake blog standar blogspot bang T.T simpel dah yang penting bisa dibaca wkwkwk

    ReplyDelete
    Replies
    1. kalo menurutku tumbnail itu amat sangat penting karena bisa menarik para pembaca ttg artikel yg kita tulis. iya kan?

      gambar dan isi artikel, dua nyawa dalam blog!

      Delete
  2. Note!
    aku coba dulu bang
    bookmark
    tfs

    ReplyDelete

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...