Cara Mengubah Rasio Thumbnail Template Median UI

Cara mengubah ukuran rasio gambar thumbnail pada template median ui

Median UI adalah template Blogger yang sangat populer dengan tampilan menarik dan pemuatan yang cepat.

Namun, terkadang thumbnail postingan pada template ini terpotong, yang mungkin membuat beberapa pengguna merasa kurang nyaman.

Template ini menggunakan rasio thumbnail 18:9, sedangkan beberapa pengguna mungkin lebih terbiasa dengan rasio 16:9

Untuk mengatasi masalah ini, Anda dapat mengubah ukuran rasio thumbnail dengan mengedit HTML template.

Berikut adalah langkah-langkah untuk mengubah rasio thumbnail postingan di template median-ui.

Mengubah Rasio Thumbnail Pada Template Median UI

1. Masuk ke Blogger dan pilih menu Tema.

2. Pilih Edit HTML

3. Cari kode berikut seperti yang dibawah

.Blog article.post .post-thumbnail a{padding-top:34.61%}

4. Silahkan kamu ganti kode tersebut dengan kode sepeti yang dibawah

.Blog article.post .post-thumbnail a{padding-top:56.25%}

5. Selanjutnya silahkan kamu cari kode seperti yang dibawah.

<div class='post-content'>  <div class='post-headline'>    <!-- Gambar headline -->    <b:if cond='data:view.isPost and data:post.featuredImage'>      <div class='post-thumbnail'>        <a expr:href='data:post.url' expr:title='data:post.title'>          <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 900, &quot;18:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>        </a>      </div>    </b:if>

6. Silahkan kamu ganti kode tersebut dengan kode seperti yang dibawah.

<div class='post-content'>  <div class='post-headline'>    <!-- Gambar headline -->    <b:if cond='data:view.isPost and data:post.featuredImage'>      <div class='post-thumbnail'>        <a expr:href='data:post.url' expr:title='data:post.title'>          <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 900, &quot;16:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>        </a>      </div>    </b:if>

7. Kemudian silahkan kamu klik simpan perubahan template.

Dengan mengikuti langkah-langkah di atas, Anda dapat mengubah rasio thumbnail postingan tema median ui sesuai dengan keinginan kamu.

Hal ini akan membantu kamu dalam meningkatkan kualitas visual atau tampilan halaman blog kamu.