[Prof Share] - Jika gambar thumbnail blogger blur dihalaman depan atau homepage. Maka kemungkinan ada script yang harus Anda ganti.
Dan pastinya di blog ini akan di bahas cara mudah dan cepat untuk mengatasi thumbnail blur di homepage blogger terbaru.
Sejak google mengubah tampilan blogspot, perubahan tersebut sekaligus mengubah ukuran thumbnail di Blogger.
Apabila para blogger tidak mengatasi masalah itu maka kemungkinan thumbnail gambar pada artikel homepage akan buram atau blur.
Pada antarmuka Blogger lama, dipastikan gambar thumbnail akan tampak jelas, clean dan bersih, namun setelah antarmuka Blogger diupdate kemungkinan besar tampilan thumbnail post di blogspot versi terbaru menjadi blur.
Cara Mengatasi Thumbnail Blur di Homepage Blogger Terbaru
Langkah ini kemungkinan 100% working di beberapa template blog, karena itu sebelum melakukan perubahan pada HTML; maka sebaiknya Anda membuat backup terlebih dahulu agar tidak terjadi error.
Berikut tahapan mudah dan cepat cara mudah mengatasi thumbnail post blogger blur di halaman depan.
1. Login pada akun blogger terbaru
2. Pilih menu Tema > Tema Saya
3. Klik arah panah ke bawah (di sebelah SESUAIKAN)
4. Klik Edit HTML untuk memunculkan html blogspot Anda
5. Klik kombinasi Ctrl + F untuk pencarian
6. Silahkan ketik resizeImage lalu ubah size 72 menjadi 1600
Before:
<span class='entry-thumb' expr:data-image='resizeImage(data:post.featuredImage, 72, "1:1")'/>
After:
<span class='entry-thumb' expr:data-image='resizeImage(data:post.featuredImage, 1600, "1:1")'/>
7. Ketik dan cari juga s72-c kemudian ubah menjadi s1600-c
Before:
<span class='entry-thumb' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxDNMfoo_Mj8mUoZPdWsgzAb2edOWXyIGbN31puv1oF_2R06FSpK3Fuak7XLp_bNKH4-D5r3gDSdcCgRMZwmGOYbIVpS0wIJQrTCXQi8Xfj7yoyDXWFR97s1ofwJmgmTix5CE7frnwzg/s72-c/nth-ify.png'/>
After:
<span class='entry-thumb' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxDNMfoo_Mj8mUoZPdWsgzAb2edOWXyIGbN31puv1oF_2R06FSpK3Fuak7XLp_bNKH4-D5r3gDSdcCgRMZwmGOYbIVpS0wIJQrTCXQi8Xfj7yoyDXWFR97s1ofwJmgmTix5CE7frnwzg/s1600-c/nth-ify.png'/>
8. Hasil akhir tampilan thumbnail blogger blur menjadi jelas
Posting Komentar
-----------------------------------------------------------------------------------------------------------------
Terima Kasih Telah Mengunjungi Blogspot Prof Share. Jangan Lupa Untuk Meninggalkan Komentarnya. Berkomentarlah Secara Santun & Bijak.
-----------------------------------------------------------------------------------------------------------------
Komentar Yang Bersifat Kasar, Rasis Atau Negatif Tidak Akan DiPublikasikan.
Terima Kasih Untuk Tidak Meninggalkan Link Yang Aktif.
-----------------------------------------------------------------------------------------------------------------
Komentar Akan DiPublikasikan Setelah Moderasi Terlebih Dahulu.
Mohon Maaf Untuk Komentar Yang Tidak Terpublikasikan.
-----------------------------------------------------------------------------------------------------------------