Mengatasi Gambar Thumbnail Blog yang Tidak Muncul Karena Update Blogger

Mengatasi Foto Blog Tidak Tampil Karena Update Blogger . Seperti yang kita ketahui bersama, Blogger baru-baru ini mengubah tempat penyimpanan gambar dari bp.blogspot.com menjadi blogger.googleusercontent.com . Dan perubahan ini tidak terjadi pada semua blog secara bersamaan, sehingga masih ada blog yang mengambil tempat untuk menggantikan posisi blogger lama.

Dan untuk blog yang sudah memiliki editan terbaru pada Blogger Image Repository, terdapat blog yang error pada bagian foto postingan di halaman depan artinya gambar tersebut hilang atau kosong.

Karena domain Blogger.googleusercontent.com tidak menerima atau mendukung gambar Blogger , blog yang menggunakan kode data:post.thumbnailUrl tidak dapat menampilkan gambar.

Sejauh ini, kode data:post.thumbnailUrl hanya mendukung gambar yang dihosting di bp.blogspot.com , seperti yang ditunjukkan pada gambar posting di bawah ini. Biasanya URL diambil dari gambar pertama postingan.

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dIpa62tSNFLiPi6kDHvI41vEfnJO7vgDl1KW9FdPfKlKy_aIuX4iBz8W8IawG64i3EGgwS1t8RwCi3vHS5sEnuM5lo1zqZN7ZjDI6J_W_OxYm2P0e8QMlY5a9bq-mhTfOrFizcsSJ0Q/s72-c/thumb.jpg

Untuk melakukan ini, kita perlu mengganti atau mengubah kode data:post.thumbnailUrl data:post.firstImageUrl untuk memperbaiki thumbnail yang kosong.

Bagi yang belum tahu, data:post.firstImageUrl dapat mendeteksi semua gambar postingan pertama dari host mana pun, baik itu host blogspot atau host pihak ketiga seperti imgur, termasuk thumbnail YouTube.

Kembali ke mengubah repositori gambar Blogger dari bp.blogspot.com ke blogger.googleusercontent.com , Anda dapat melihat bahwa semua opsi perubahan gambar Blogger untuk host lama dapat diterapkan ke host baru juga. , muda. tetapi mereka berbeda untuk menulis url gambar.

Sebagai contoh, berikut adalah URL gambar Blogger dengan host terbaru.

 https://blogger.googleusercontent.com/img/a/AVvXsEghAQEHHYnk7NuLycYBxX9Hf5L_n-91Aoyp36aI0yoPX6tpU-1CLwj1hSZnoM3W11rr2JqOG-5eu-tDVyWYNhK1afYAPgLFBbFwDcJ2sEkSbHNgM2REnV1x5ysuGJyr0Qf_qOamMJiYM49opALTQW8CZhwSZJgOezli3vVVAdzf9XXd6M6d1JwpUXRK

Url gambar di atas menunjukkan gambar dengan dimensi dan ukuran gambar asli. URL gambar tidak menggunakan nama gambar dan jenis file.

Nah, kita bisa menambahkan opsi untuk mengubah gambar dengan kode = di akhir URL seperti itu.

 https://blogger.googleusercontent.com/img/a/AVvXsEghAQEHHYnk7NuLycYBxX9Hf5L_n-91Aoyp36aI0yoPX6tpU-1CLwj1hSZnoM3W11rr2JqOG-5eu-tDVyWYNhK1afYAPgLFBbFwDcJ2sEkSbHNgM2REnV1x5ysuGJyr0Qf_qOamMJiYM49opALTQW8CZhwSZJgOezli3vVVAdzf9XXd6M6d1JwpUXRK =s1280

atau

 https://blogger.googleusercontent.com/img/a/AVvXsEghAQEHHYnk7NuLycYBxX9Hf5L_n-91Aoyp36aI0yoPX6tpU-1CLwj1hSZnoM3W11rr2JqOG-5eu-tDVyWYNhK1afYAPgLFBbFwDcJ2sEkSbHNgM2REnV1x5ysuGJyr0Qf_qOamMJiYM49opALTQW8CZhwSZJgOezli3vVVAdzf9XXd6M6d1JwpUXRK =w680-h382-pc-tidak-tidak

Jika demikian, kita dapat mengubah ukuran gambar terakhir yang diposting sebagai data:post.firstImageUrl

 data:post.firstImageUrl + "= s1280"

atau

 data:post.firstImageUrl + "=w680-h382-pc-no-nu"

Nah, untuk mengatasi thumbnail gambar tidak muncul, berikut detailnya. Kemungkinan kode thumbnail beranda untuk setiap tema blog berbeda, jadi Anda perlu menyesuaikannya dengan kode yang digunakan dalam tema. Berikut saya ambil contoh dari cabang The Agile Company.

Dan saran saya adalah untuk url gambar terbaru yang diposting, sebaiknya hapus atau tidak gunakan opsi ubah ukuran gambar di akhir url =s320 atau lainnya sehingga kami dapat menambahkan data:post.firstImageUrl

Misalnya, kode thumbnail beranda sebelumnya ditampilkan di bawah.

Tolong ganti dengan ini

Perhatikan kode yang ditandai, ini yang saya maksud dengan kode terbalik . Silahkan sesuaikan pengaturan gambar dan ukuran sesuai dengan tema Anda.

Jadi jika kode di atas seperti ini: jika gambar url tidak ada, dapatkan thumbnail dari gambar posting pertama, atau jika thumbnail video Youtube tidak ada, gunakan thumbnail .jpg

Demikian semoga bermanfaat. Jika ada yang kurang jelas bisa kita diskusikan di kolom komentar.