Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur




Cara Mudah Memperbaiki Gambar Widget Popular Post Yang Blur

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


Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect