Cara Paparkan Thumbnail Penuh Ketika Kongsikan Link Blog Di Facebook

Kalau anda sebagai seorang blogger, sudah pastinya anda akan perasan ada beberapa layout atau paparan thumbnail yang berlaku ketika blogger lain atau anda sendiri kongsikan link blog entry anda di Facebook. Ada yang gambar thumbnail kecil di kiri, tajuk entry di kanan dan ada yang gambar penuh dan tajuk di bawah.

Kalau mana yang tak tahu lagi, thumbnail ini adalah paparan gambar yang keluar ketika anda kongsikan link blog post anda di mana-mana media sosial. Ianya boleh jadi kecil atau besar dan thumbnail ini akan mengambil gambar pertama yang ada di dalam blog post anda tersebut.

Daripada paparan layout thumbnail yang kecil atau besar, pastinya paparan gambar penuh menjadi pilihan. Ianya nampak lebih kemas kepada kita dan juga pembaca lain. Secara defaultnya, tanpa apa-apa perubahan, thumbnail anda adalah gambar kecil di kiri dan taju di sebelah kanan. Tak cantik kan.

Jadi untuk mengubahnya, ikuti cara paparkan thumbnail penuh ketika kongsikan link blog di facebook seperti di bawah

Cara Paparkan Thumbnail Penuh Di Facebook

Mula-mula anda Copy kod Meta Tag Open Graph Facebook di bawah ini terlebih dahulu dan Paste kannya di atas </head>

<!-- Facebook Meta Tag Open Graph by igniel.com --> <b:if cond='data:view.isHomepage'> <b:if cond='data:view.isPost'> <b:if cond='data:view.isPage'> <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></b:if></b:if></b:if> <meta content='blog' property='og:type'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinlNSdcI-sVut9y9YfC0CWUJ3emk6GsuTqMhOEiUYhTKXkvyEIqhx5zIW9ZukHeIor0ApK1mLLlPuPOaLq9-pb3e5IEsRs_ZuKnwI6oJAPd79znFlVEDfkh4eCIB5wV5r55T86WcF8sgGZ/s1600/ignielcom.png' property='og:image'/> </b:if></b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='data:post.snippet' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='https://www.facebook.com/106660612706164' property='article:author'/> <meta content='https://www.facebook.com/106660612706164' property='article:publisher'/> <meta content='106660612706164' property='fb:admins'/> <meta content='1804789006468790' property='fb:app_id'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/>

*Arahan

1. Cari link URL ini di dalam kod html tersebut dan tukarkan link URL ini kepada logo blog anda. Tujuannya adalah ketika anda kongsikan homepage blog di Facebook, logo ini beserta deskripsi blog akan dipaparkan. Lebih professional kan. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinlNSdcI-sVut9y9YfC0CWUJ3emk6GsuTqMhOEiUYhTKXkvyEIqhx5zIW9ZukHeIor0ApK1mLLlPuPOaLq9-pb3e5IEsRs_ZuKnwI6oJAPd79znFlVEDfkh4eCIB5wV5r55T86WcF8sgGZ/s1600/ignielcom.png
2. Kemudian cari no ini dalam kod html tersebut 106660612706164 (ada 3 kali) dan gantikan dengan unik ID anda
3. Cari 1804789006468790 dan gantikan dengan ID aplikasi Facebook anda. Cara nak buat ID tersebut, boleh rujuk pautan Cara Membuat ID Aplikasi Facebook Sendiri
4. Selesai!

Bagaimana Jika Paparan Penuh Thumbnail Masih Tidak Muncul?

Proses ini mungkin mengambil sedikit masa untuk berfungsi jika ada sebarang masalah. Tetapi kalau ianya masih tidak muncul walaupun sudah lama, cuba ikut arahan ini pula

1. Pergi ke pautan Facebook Sharing Debugger https://developers.facebook.com/tools/debug/sharing
2. Masukkan URL homepage blog atau artikel anda
3. Klik butang Debug
4. Klik butang Scrap Again (beberapa kali) sehingga thumbnail penuhnya keluar. 

Itu sajalah bagaimana cara paparkan thumbnail penuh ketika kongsikan link blog di Facebook. Harap tutorial ini menjadi kepada blog anda dan bermanfaat kepada blogger khususnya. Jika rasa ianya bermanfaat, kongsikan tutorial ini.


sumber : igniel.com