Cara Mengatur Gambar Postingan Blog di Facebook

07.07 Rekan Bunda 0 Comments

 Blog kita di share di facebook tapi tak secantik yang biasanya kita lihat? itu di gimanain yah??

Setelah keling-keling dari web ke web akhirnya menemukan solusinya. Solusinya adalah memberi kode dibawah ini tepat di atas kode </head>

 <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    <b:else/>

    <meta content='https:Link url gambar alternatif.jpg' property='og:image'/>
    </b:if>

    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    </b:if>
    <meta expr:content='data:blog.pageName' property='og:title'/>

Keterangan sesuai warna kode:

Ungu, berguna untuk menampilkan gambar thumbnail berdasarkan gambar pertama pada halaman posting.
Hijau, link menuju gambar thumbnail alternatif apabila postingan tidak mempunyai gambar.
Merah, untuk menentukan snippet deskripsi yang muncul berdasarkan 'meta description' postingan.
Biru digunakan untuk menentukkan judul / title yang muncul berdasarkan 'judul halaman' posting.

Saya rasa bagi bloggers sudah pada tahu kan maksudnya? hehehe jaman sekarang mana ada lagi orang yang gak tahu tentang html.

Yuk dipasang kodenya, informasi yang kita sampaikan ke teman-teman melalui facebook jadi cantik dan mudah di baca.

Lihat gambar setelah dan sesudah berikut. Untuk lebih jelasnya silahkan klik gambar.
https://www.facebook.com/diaryarni/

 
https://www.facebook.com/diaryarni/