Baca Juga
Sekarang akan saya kasih sebuah tutorial tentang Mengatasi Gambar Mengecil Saat Share Artikel ke Facebook, padahal gambar yang dibuat didalam postingan berbentuk besar dan lebar. Dalam hal ini akan kita perbaiki masalah yang membuat gambar saat di share di Facebook berubah mengecil.
Pihak developer Facebook sendiri menetukan berapa lebar dan tinggi yang perlu diterapkan pada gambar postingan blog, yaitu 1200 x 630 pixel untuk resolusi tinggi atau 600 x 315 pixel untuk mendapatkan generate terbaik saat artikel tersebut di share ke Facebook.
Namun, apabila gambar tidak sesuai dengan tinggi dan lebar yang ditentukan oleh developer Facebook, dengen pengertian lain lebih kecil dari ukuran yang telah ditentukan dari pihak Facebook, maka gambar secara otomatis menjadi kecil (persegi). seperti pada gambar dibawah ini:
Padahal gambar yang seharusnya seperti dibawah ini:
untuk mengatasi masalah tersebut lihat caranya dibawah ini.
Proses Mengatasi Gambar Mengecil Saat Share Artikel ke Facebook
Buka Blogger >> Template >> Edit HTML
kemudian cari kode yang sama persis dengan kode dibawah ini:
Letakkan kode dibawah ini tepat dibawah kode atas:
Lalu save/Simpan template tersebut.
Jika kalau digabung dengan Facebook dan Twitter maka seperti dibawah ini:
Sekian tutorial Mengatasi Gambar Mengecil Saat Share Artikel ke Facebook. Jika kalau maish ada yang perlu dipertanyakan silahkan komentar dibawah. Terimakasih
Pihak developer Facebook sendiri menetukan berapa lebar dan tinggi yang perlu diterapkan pada gambar postingan blog, yaitu 1200 x 630 pixel untuk resolusi tinggi atau 600 x 315 pixel untuk mendapatkan generate terbaik saat artikel tersebut di share ke Facebook.
Namun, apabila gambar tidak sesuai dengan tinggi dan lebar yang ditentukan oleh developer Facebook, dengen pengertian lain lebih kecil dari ukuran yang telah ditentukan dari pihak Facebook, maka gambar secara otomatis menjadi kecil (persegi). seperti pada gambar dibawah ini:
Padahal gambar yang seharusnya seperti dibawah ini:
untuk mengatasi masalah tersebut lihat caranya dibawah ini.
Proses Mengatasi Gambar Mengecil Saat Share Artikel ke Facebook
Buka Blogger >> Template >> Edit HTML
kemudian cari kode yang sama persis dengan kode dibawah ini:
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
Letakkan kode dibawah ini tepat dibawah kode atas:
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
Lalu save/Simpan template tersebut.
Jika kalau digabung dengan Facebook dan Twitter maka seperti dibawah ini:
<!-- Facebook and Twitter Open Graph -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='ID GROUP FACEBOOK' property='fb:app_id'/>
<meta content='ID FACEBOOK ADMIN' property='fb:admins'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta property="og:image:width" content="600" /><meta property="og:image:height" content="315" /></b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='TWITTER ADMIN' name='twitter:creator'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
</b:if>
Sekian tutorial Mengatasi Gambar Mengecil Saat Share Artikel ke Facebook. Jika kalau maish ada yang perlu dipertanyakan silahkan komentar dibawah. Terimakasih
