Header Ads Widget

Begini Trik Cara Mengatasi Gambar Blur di Beranda, Slider dan Label Pada Blog

Trik cara mengatasi gambar blur/buram di beranda, slider dan label di Blog.

Dinamika Kepri, Batam - Sejak berubahnya alamat Uniform Resource Locator (URL) upload gambar pada blog baru-baru ini, yakni dari https://1.bp.blogspot.com/, https://2.bp.blogspot.com dan https://3.bp.blogspot.com menjadi https://blogger.googleusercontent.com, tampilan gambar di beranda bagian label maupun gambar di tampilan slider menjadi blur (buram).

Akibat perubahan url itu, rating pengunjung dan rating alexa pun ikut menurun, sehingga membuat sebagian para blogger pusing dibuatnya. Memang untuk saat ini tidak semua mengalami demikian, namun bisa dipastikan suatu saat itu akan merata ke semua pengguna blogger.

Berbagai cara telah dilakukan hingga sampai mengotak-atik pengaturan di HTML dari mengubah kode s72-c ke s72-c-k-no hingga menambahkan jquery.min.js atau jquery.js di template HTML, namun hasilnya tetap saja nihil, meski kemungkinan ada yang berhasil.

Terkait tiba-tibanya perubahan url gambar itu, pihak pemilik blogger sendiri sampai saat ini juga belum ada penjelasannya, bahkan tidak tahu sampai kapan tampilan gambar tersebut akan terus seperti itu (buram).

Pertanyaannya, lalu bagaimana agar cara mengatasi agar gambar tidak blur di slider, beranda dan label pada blog?

Okey, untuk tidak berlama-lama, langsung saja dijelaskan, begini caranya. Untuk cara ini, masuk ke blogger harus dari Mozilla Firefox, sebab dari Google Chrome uploadnya lebih sering gagal ketimbang berhasilnya.

Kemudian untuk mengupload gambar ke atas postingan, di sini kita tidak menggunakan menu upload gambar yang tersedia blog, melainkan dengan cara menyeret atau menari gambar ke atas narasi (teks). Ingat, diseret bukan di copy lalu tempel.

Cara menyeret atau menarik gambar, posisi harus tampilan menulis (compose), klik gambar yang akan diposting ke atas narasi teks dengan tetap menelan klik mouse sebelah kiri, kemudian arahkan ke atas teks dan lepaskan klik mouse kiri, dan tunggu gambar sampai terupload.

Untuk memudahkan proses menarik gambar, alangkah baik gambar di simpan di desktop. Jika gambar gagal upload, bisa diulang kembali sampai terupload.

Kemudian, setelah gambar berhasil diupload, periksa Url gambar dengan mengklik tampilan HTML di atas tampilan menulis (compose).

Lihat di situ Url nya bukan https://blogger.googleusercontent.com atau pun https://1.bp.blogspot.com/, akan tetapi https://lh3.googleusercontent.com.

Kemudian langkah selanjutnya, ganti dua url https://lh3.googleusercontent.com itu dengan url https://1.bp.blogspot.com, ganti hanya bagian depannya saja, sebab setiap satu gambar itu ada dua link url gambar yang sama.

Contoh Url untuk gambar di atas sebelum diganti:

<a href="https://lh3.googleusercontent.com/-0K5cVNEz-1c/Ya3VMu2KS9I/AAAAAAAAvtA/5Kdp3xWmN20ip2ov18C851-i9ck7K3D_gCNcBGAsYHQ/Begini%2BTrik%2BCara%2BMengatasi%2BGambar%2BBlur%2Bdi%2BBeranda%252C%2BSlider%2Bdan%2BLabel%2BPada%2BBlog.jpg" style="margin-left: auto; margin-right: auto;">

<img data-original-height="425" data-original-width="795" src="https://lh3.googleusercontent.com/-0K5cVNEz-1c/Ya3VMu2KS9I/AAAAAAAAvtA/5Kdp3xWmN20ip2ov18C851-i9ck7K3D_gCNcBGAsYHQ/s16000/Begini%2BTrik%2BCara%2BMengatasi%2BGambar%2BBlur%2Bdi%2BBeranda%252C%2BSlider%2Bdan%2BLabel%2BPada%2BBlog.jpg" />

Sesudah Url gambar diganti,  di sini penulis memakai https://1.bp.blogspot.com.

<a href="https://1.bp.blogspot.com/-0K5cVNEz-1c/Ya3VMu2KS9I/AAAAAAAAvtA/5Kdp3xWmN20ip2ov18C851-i9ck7K3D_gCNcBGAsYHQ/Begini%2BTrik%2BCara%2BMengatasi%2BGambar%2BBlur%2Bdi%2BBeranda%252C%2BSlider%2Bdan%2BLabel%2BPada%2BBlog.jpg" style="margin-left: auto; margin-right: auto;">

<img data-original-height="425" data-original-width="795" src="https://1.bp.blogspot.com/-0K5cVNEz-1c/Ya3VMu2KS9I/AAAAAAAAvtA/5Kdp3xWmN20ip2ov18C851-i9ck7K3D_gCNcBGAsYHQ/s16000/Begini%2BTrik%2BCara%2BMengatasi%2BGambar%2BBlur%2Bdi%2BBeranda%252C%2BSlider%2Bdan%2BLabel%2BPada%2BBlog.jpg" />

Jika url gambar tidak mau tampil di desktop saat mouse diarahkan ke gambar, hapus url bagian atas dan gunakan yang bawah saja.

Contoh url bagian atas yang akan dihapus (teks warna biru)

<a href="https://1.bp.blogspot.com/-0K5cVNEz-1c/Ya3VMu2KS9I/AAAAAAAAvtA/5Kdp3xWmN20ip2ov18C851-i9ck7K3D_gCNcBGAsYHQ/Begini%2BTrik%2BCara%2BMengatasi%2BGambar%2BBlur%2Bdi%2BBeranda%252C%2BSlider%2Bdan%2BLabel%2BPada%2BBlog.jpg" style="margin-left: auto; margin-right: auto;">

Menjadi

<a href="" style="margin-left: auto; margin-right: auto;">

Pilih tampilan original pada pengaturan agar gambar tidak cembung saat tampil di slider, dan alangkah baiknya sebelum gambar di upload, compress dahulu ukuran gambar minimal di bawah 100 Kb, tujuannya agar lebih ringan saat dibuka pembaca.

Untuk mencompress gambar automatis bisa gunakan url https://compressjpeg.com/id. Bisa juga dengan cara manual dengan menggunakan Microsoft office picture manager atau aplikasi lannya.

Kembali ke upload gambar, jika url https://lh3.googleusercontent.com sudah diganti dengan url https://1.bp.blogspot.com, lalu kembali tampilan menulis dan jangan lupa buat keterangan (caption) gambar lalu publikasikan, dan lihat hasilnya di slider dan label, bisa dipastikan tidak ngeblur atau buram lagi.

Mungkin anda akan bertanya, apakan url gambar yang dirubah dari https://lh3.googleusercontent.com menjadi https://1.bp.blogspot.com akan bekerja (work)? Untuk memastikan itu, anda bisa mengcopy url gambar dan mempastekan di searhcing google.

Untuk pengguna template style  MagPro Version:  1.0.0 sepertinya tidak perlu melakukan ini  sebab perubahan url gambar tersebut, tidak mempengaruhi tampilan gambar di berandanya. 

Okey, demikianlah Trik Cara Mengatasi Gambar Blur di Beranda, Slider dan Label Pada Blog, selamat mencoba dan semoga bermamfaat, salam. (Ag)