Menampilkan gambar di postingan blogspot mobile

Diposkan: 23 Desember, 2015
Pernah ada yang mencari artikel pos lewat penelusuran blog ini, yang kurang lebih kata kuncinya seperti judul pos diatas.
Barang kali maksudnya adalah "Menampilkan gambar di postingan blog mobile" atau mungkin gambarnya tidak bisa tampil di versi mobile blog seperti yang diinginkannya kali...:-(. Bila mengacuh ke laman postingan tunggal (pageType item dan static_page ), kalau ini sudah satu paket dalam tag <data:post.body /> jika postingannya terdapat gambar.

Mungkin juga, pengguna mengakses blog anda pada saat koneksi jaringan internet yang rendah, atau gambar posnya tidak tampil maksimal di browser-browser mobile tertentu.
Kiat menampilkan gambar di postingan blogspot baik versi mobile atau desktop:
  #1 Gambar postingan blognya milik sendiri.
Gambar postingannya diungguh(upload) sendiri ketika membuat pos, lalu ADD(tambahkan) dalam pos, atau ADD gambar yang sudah ada (from this Blog).
  #2 Tidak mengambil gambar dari situs web milik orang lain.
Sebagai contoh:
<a href="http://gambar_milik_web_orang-lain[.]domain/.........folder.png"><img src="http://gambar_milik_web_orang-lain[.]domain/.........folder.png"  width="..." height="..." alt="..." title="..."/></a> ambil dari "view-source" HTML situs orang lain. Seperti ini biasanya dari pihak  Google-Blogger tidak mau menampilkan gambar postingannya. Karena itu gambar milik situs web orang lain.
  #3 Template blog yang digunakan.
Template blog yang digunakan menampilkan potongan gambar di laman type "index" atau "arsip", bila dipotong dan posnya terdapat gambar. Baik versi mobile ataupun web.
-----------------------
Tapi jika yang dimaksud gambarnya tidak tampil di blog mobile adalah pada laman jenis (pageType index atau arsip) berarti lain.
Itu letaknya permasalahannya, ada dipemotong pos versi mobile template yang digunakan atau bahasa ngetrennya adalah "read more" (baca selengkapnya). Bila menggunakan template versi mobilenya dari standart blogger, di include "mobile-index" pemotong pos.
Diantara Tag data Blogger URL gambar dalam widget Blog1, <data:post.thumbnailUrl /> dan masih ada yang lainnya lagi.
Contoh penggunaan:
<b:if cond='data:blog.pageType == "index"'>
// laman depan / Beranda / Homepage
// search label
// pratinjau
// pencarian berdasarkan kata kunci
// search?update.....
<b:if cond='data:post.thumbnailUrl'>
// ini postingan ada gambarnya..
<img expr:src='data:post.thumbnailUrl' width='...' height='...' alt='Gambar pos' />
<b:else />
// postingannya tidak ada gambarnya...
</b:if>
<b:else />
// postingan tunggal "item"
// laman static_page
// laman arsip
// laman tidak ditemukan
</b:if>
Sedangkan yang diluar widget.
// hanya laman type "item" gambar besar...
data:blog.postImageUrl
// hanya laman type "item" gambar kecil (72px)...
data:blog.postImageThumbnailUrl
Tergantung menyiasati dan menggunakannya di dalam template yang digunakan.
Bila template yang digunakan download, bisa ditanyakan ke tempat mendownload template tersebut. Atau mungkin sengaja dirancang gambarnya tidak tampil di versi mobile untuk halaman index atau arsip.

1 komentar