Share Post Lebih Kece dengan Twitter Card di Blogger

Halo para penulis! Kalian pernah ngga ngeliat orang share post di twitter seperti di bawah ini? Kalian bisa kok share post blog kaya gini dengan Twitter Card.

Preview Share Post Using Twitter Card
Preview Post on Twitter
Sebelumnya kalian tau ngga tentang Twitter Card? Jadi, Twitter Card ini berguna untuk memunculkan "Card" yang berisi gambar, judul, deskripsi dari link blog kalian pada saat user membagi (share) di Twitter.
Lebih jelas tentang twitter card silahkan baca di sini.

Untuk menggunakan Twitter Card ini kurang lebih butuh code yang dimasukkan ke HTML. Nah, berikut cara untuk menambahkan Twitter Card di blogger:

  1. Masuk ke Dashboard blogger → Menu Tema →Edit HTML
  2. Masukkan code ke dalam header <head>...</head>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@fandaaa' name='twitter:site'/>
<meta content='@fandaaa' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='Image URL' name='twitter:image:src'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
Catatan : Kalian perlu mengganti @fandaaa dengan user id twitter kalian sendiri dan jangan lupa disimpan perubahan HTML nya. Pastikan ukuran gambar kurang lebih width: 280px heigth: 150px dan ukuran file kurang dari 1MB.

  1. Cek Twitter Card Validator untuk mengetahui apakah sudah benar dan sesuai tampilan "Card" di twitter.
  • Masuk ke halaman Twitter Card Validator dan log in dengan akun twitter kalian.
  • Copy link dari blog kalian dan paste pada card URL.
  • Klik 'Preview card' kemudian akan muncul hasil gambaran card.

Ngga begitu susah kan gaess membuat share post blog kalian makin kece. Selamat mencoba!

Baca juga: Tab Menu Penghasilan / Earnings Hilang? Jangan Panik, Begini Cara Memulihkannya

2 comments:

  1. Wahhh. Makasih banget sharingnya Kak. Barusan coba dan berhasil ^^

    ReplyDelete