Cara Mengganti ukuran thumbnail popular post

Cara Merubah Ukuran Thumbnail Pada Popular Post - Kadang saat kita download atau memasang template blog ada yang tidak sesuai dengan keinginnan kita,tentunya karna itu bukanlah desain yang sesuai dengan keinginan kita. Pada posting kali ini saya akan memberi tahu bagaimana cara Merubah ukuran thumbnails popular post yang pada ukuran default nya adalah 72x72 px.

Jika anda menginginkan yang lebih kecil agar minimalis atau yang besar agar terlihat jelas anda dapat mengubahnya sendiri tanpa harus mencari template lagi.

• Pertama buka edit template secara HTML ( anda sudah tahu pastinya kan caranya? )
• Kemudian cari kode berikut

 <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
</b:widget>

• Jika kesulitan mencarinya anda tinggal mengguankan CTRL + F lalu paste kode di bawah ini

<img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

Seharusnya kalau anda cari di CTRL + F ada 2 hasil yang ditemukan, kemudian ganti kode diatas menjadi seperti kode di bawah ini

<img alt='' height='30' expr:src='data:post.thumbnail' width='30'/>

 Kode yang saya blok oranye adalah kode untuk mengganti ukuran panjang dan lebar thumbnails nya, yang itu di atas artinya adalah panjang 30px dan lebar 30px , anda bisa mengganti sesuai keinginan anda hanya dengan mengganti angkanya saja.