KODE IKLAN DFP 1 Cara Memperbaiki Gambar Widget Popular Post Yang Blur | Masgunggoyo

Recents Posts

    Iklan Atas Artikel

    Cara Memperbaiki Gambar Widget Popular Post Yang Blur

    KODE IKLAN 200x200
    KODE IKLAN 336x280
    Memperbaiki Gambar Widget Popular Post Yang Buram Cara Memperbaiki Gambar Widget Popular Post Yang Blur

    Postingan ini terbit berawal dari blog dibalikseo ini yang saat tadi pagi saya buka ada yang aneh pada tampilan thumbnail/gambar di widget Popular Posts. Terlihat pada gambar tersebut blur buram dan tidak jelas, akhirnya saya coba otak atik template dan ketemu sumber permasalahannya adalah pada ukuran thumbnail/gambar pada popular posts.

    Dan ini ternyata memang ada hubungannya dengan sistem Blogspot Blogger Google yang telah di updated beberapa waktu lalu oleh Google sehingga mempengaruhi tampilan dan ukuran pada widget popular posts. Ini berpengaruh bagi template blogger yang menggunakan tampilan widget popular post yang lebar, namun bagi widget popular posts yang ukurannya kotak atau persegi empat mungkin tidak berpengaruh.

    Bagi sobat yang kebetulan mengalami hal yang sama dan mau memperbaikinya masalah ini, maka perlu dilakukan perubahan kecil pada script widget Popular Post tersebut. Caranya ialah sebagai berikut. Cara Memperbaiki Gambar Widget Popular Post Yang Blur.

    Langkah Pertama
    Silahkan login ke Blogger lalu masuk ke dashboard dan klik Template >> Edit HTML. Kemudian silahkan Klik Menu Lompat ke Widget >> Popular Posts1 seperti pada gambar dibawah ini.

    Memperbaiki Gambar Widget Popular Post Yang Buram Cara Memperbaiki Gambar Widget Popular Post Yang Blur

    Langkah Ke Dua

    Silahkan cari kode dibawah ini

    <img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 72, &quot;1:1&quot;)'/>

    Atau seperti ini

    <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>

    Setelah ketemu perhatikan kode yang ditandai 72 dan 1:1, silahkan rubah menjadi 200 atau 300 dan 2:1. yang nantinya akan jadi seperti ini.

    <img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 200, &quot;2:1&quot;)'/>

    Atau seperti ini juga

    <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 200, &quot;2:1&quot;)                                  : data:post.thumbnail' var='image'>

    Setelah selesai silahkan SAVE.

    Jika masih belum bisa coba cari kembali kode mirip seperti diatas dan disesuaikan mengingat karakter di setiap template berbeda-beda. Dan selesai, semoga bermanfaat.

    Sumber https://www.dibalikseo.com
    KODE IKLAN 300x 250
    close
    ==[ Klik disini 1X ] [ Close ]==
    KODE IKLAN DFP 2
    KODE IKLAN DFP 2