Sobat pernah share link blogspotnya difacebook?, pasti pernah dong, yang pasti untuk memperkenalkan dan memperbanyak pengunjung di blog kita, saat sobat tempelkan linknya ke form berbagi facebook, facebook akan mengubah link tersebut menjadi gambar dan deskripsi artikel yang sobat bagi, tapi seringkali terdapat masalah yaitu gambar artikel yang tidak sesuai dengan isi artikelnya
Sebenarnya facebook serigkali memberikan pilihan gambar untuk artikel yang akan kita share, tapi terkadang dari beberapa pilihan gambar yang ada tidak ada gambar yang mewakili isi artikel kita. Jadi disini kita akan mengatur HTML blog kita supaya gambar artikel yang kita share difacebook bersifat tetap dan sesuai. Kita lihat langkah-langkahnya
- Buka blogger, lalu pilih template dan selanjutnya pilih edit HTML
- Cari kode berikut <b:include data="blog" name="all-head-content"/> (supaya cepat ketik CTRL+F lalu tempelkan kode disamping)
- tempelkan kode berikut ini dibawah kode yang kita cari diatas
<b:if cond="data:blog.postImageUrl">
<meta expr:content="data:blog.postImageUrl" property="og:image"/>
<b:else/>
<meta content="URL gambar sobat" property="og:image"/>
</b:if>
<b:if cond="data:blog.metaDescription != """>
<meta expr:content="data:blog.metaDescription" property="og:description"/>
</b:if>
<meta expr:content="data:blog.postImageUrl" property="og:image"/>
<b:else/>
<meta content="URL gambar sobat" property="og:image"/>
</b:if>
<b:if cond="data:blog.metaDescription != """>
<meta expr:content="data:blog.metaDescription" property="og:description"/>
</b:if>
Ket
Cukup sekian sobat untuk kali ini, kalau ada kekurang tolong koreksi ya dan komentar tentunya, sampai jumpa di artikel selanjutnya:-)- Kode yang berwarna biru bisa di ubah dengan URL gambar yang sobat kehendaki, URL tersebut digunakan untuk cadangan bila dalam postingan tidak ada gambar dan juga digunakan pada homepage
- Kode berwarna merah yang saya koreksi disini, karena para blogger lain yang menulis artikel yang sama, sering menulisnya dengan data:blog.postThumbailImageUrl yang mana kalau menggunakan kode ini facebook akan mengambil thumbail gambarnya saja yang berukuran 72x72(default dari blogger) sedangkan facebook membutuhkan gambar berukuran 200x200 untuk ditampilkan di facebook, jadi nanti bercuma aja gambarnya tetap ga sesuai postingannya. Kalau ada solusi untuk mengubah ukuran thumbail blogger share ya sobat blogger
kalau url yang warna biru dirubah, ke postingan lainnya ikut berubah yah?
BalasHapusga berubah kalau dipostingannya sudah ada gambarnya, yang berubah di homepage aja, kalau ga ada gambar dipostingannya ya berubah
Hapus