Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur - mizipediacom mizipediacom: Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur

Sunday, 11 March 2018




Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur: Beberapa minggu yang lalu  di blog saya di bagian populer post pada tampilan thumbnail/gambar nya mengalami Blur. Terlihat pada gambar tersebut blur buram dan tidak jelas, dan pada akhirnya saya mecoba untuk otak atik kode HTML template tersebut dan saya menemukan permasalahannya yaitu pada ukuran thumbnail/gambar pada popular posts tersebut.

Memang ternyata ada hubungannya juga dengan sistem Blogspot Blogger Google yang telah di update beberapa waktu yang lalu oleh Google. Dan pada akhirnya telah mempengaruhi sebuah tampilan thumbnail/gambar maupun ukuran pada widget popular posts. Ini tentu saja akan berpengaruh bagi template blogger yang memakai tampilan widget popular post yang lebar seperti gambar di atas., 

Nah jadi bagi anda yang saat ini mungkin saja kebetulan mengalami hal yang sama seperti saya dan ingin memperbaikinya masalah ini, bisa anda ikuti langkah-langkah di bawah ini. 

Jangan Lupa baca Juga Cara Membuat Slide Menu ala AMP Sidebar Di Blogger

Memperbaiki Gambar Widget Popular Post Yang Blur

1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
2. Kemudian anda masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.

Di bawah ini contoh gambar  agar memudahkan anda untuk mencari kode seperti di bawah ini.

3. Anda temukan kode dibawah ini :
<img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 72, &quot;1:1&quot;)'/>
4. Jika tidak menemukan kode seperti di atas bisa juga kode seperti di bawah ini
<b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
5. Kemudian jika kode di atas sudah anda dapatkan, maka perhatikan kode yang ditandai 72 dan 1:1, silahkan anda rubah menjadi 200 atau 300 dan 2:1. Kemudian nanti hasilnya akan menjadi seperti di bawah ini.
<img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 200, &quot;2:1&quot;)'/>
6. Atau juga bisa seperti di bawah ini
<b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 200, &quot;2:1&quot;)                                  : data:post.thumbnail' var='image'>
7. Jika sudah anda edit. Maka langsung anda klik Save Template. Dan lihar hasilnya

Nah bagaimana mudah bukan untuk Memperbaiki Gambar Widget Popular Post Yang Blur pada blog anda. Jika masih belum bisa juga bisa berkomentar di bawah ini. Selamat mencoba dan semoga berhasil. Salam blogger. Dan jangan sampai kelewatan update panduan terbaru dari mizipediacom

Baca Juga