Skip to main content
Ivhaa Design

follow us

Cara Memasang Meta Tag Twitter Card di Blogger

Cara Memasang Meta Tag Twitter Card di Blogger -Nah kali ini saya akan memberikan tutorial lagi buat kalian yaitu Cara Memasang Meta Tag Twitter Card di Blogger.

Baca juga:


Pada artikel beberapa waktu lalu saya pernah bagikan yaitu Cara Memasang Meta Tag Open Graph Facebook di Blogger. Nah kali ini saya akan memberikan tutorial lagi buat kalian yaitu Cara Memasang Meta Tag Twitter Card di Blogger, tidak sengaja browser di internet ada tutorial menarik akhirnya saya share di blog ini.

Untuk demo nya seperti apa kalian bisa cek pada gambar berikut dibawah ini. Sebenarnya ini hampir sama seperti memasang Open Graph Facebook cuma ini beda sosial medianya.


Contoh di atas ini adalah beberapa jenis Twitter Card. Nah sebelum kita ketopik utam saya akan menjelaskan dikit fungsi dari tag tersebut, Nah kita langsung aja ya.


  1. Tag Title : Ini berfungsi untuk menampilkan judul postingan yang kalian share di twitter.
  2. Tag Description : ini berfungsi untuk menampilkan descrition yang kalian share, tapi kerennya kalian disini dapat tambahan teks 200 karakter yang seharusnya 140 aja.
  3. Tag Url : ini fungsinya untuk menyimpan data url yang kalian share di twitter.
  4. Tag Image : Berfungsi untuk menampilkan gambar sebagai perwakilan dari artikel kalian.
  5. Tag Type : ini berfungsi untuk menampilkan Type Card yang Kalian gunakan.

Kode nya seperti dibawah ini.
<!-- [ Twitter card meta tag ] -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot;untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='&quot;Silakan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='https://4.bp.blogspot.com/-qIKgWm9rKO4/VuFwDDL1rnI/AAAAAAAAE9M/XUM4q06AwBs/s1600/tulisan%2Bwortel%2Btwitter%2Bcard.png' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@HeruAryaa' name='twitter:creator'/>
Sebenarnya masang kode ini cukup mudah yaitu letakan aja di bawah kode <head> pada template blog kalian.

Nah itu tadi adalah tutorial nya semoga bermanfaat, jika kalian bingung bisa di tanyakan via komentar di bawah. See you

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar