Tutorial: Cara Install Twitter Card di Blogspot

Holaaaa!

Semalam saya baca tweetnya Echa yang bertanya pada Nurul Noe bagaimana cara agar ketika share linknya, linknya bisa "membesar" atau jadi seperti ini.

This girl has no idea how to hang up a landline phone https://t.co/jBxxQP54BU
— Mashable (@mashable) November 8, 2015

Link yang berubah jadi image plus sedikit description itu namanya Twitter Card. Ini otomatis lho, sama seperti di Facebook. Jadi kalau kita install Twitter Card di blog, otomatis setiap link yang di-share akan berubah jadi card, bukan lagi hanya link.

(Baca juga: Cara Mengubah Ukuran Foto Otomatis pada Blogpost)

Keuntungannya, Twitter Card lebih menarik dan kemungkinan di-klik-nya lebih tinggi. Saya sudah ingin install dari dulu tapi lupa-lupa terus, baca Tweetnya Echa jadi inget deh. Ini sekalian di-share aja ya caranya untuk blogspot. Untuk Wordpress dan Tumblr cek link di paling bawah ya!

1. Log in ke Blogger blog, terus Template > Edit HTML > Klik Back Up/Restore di kanan atas. Ingat-ingat pesan mama: TIAP MAU EDIT HTML JANGAN LUPA BACK UP! Jaga-jaga aja takut error.

2. Di dalem box HTML klik Ctrl+F dan ketik <head> kemudian enter. Enter sekali aja, jangan berkali-kali nanti kode HTML nya suka ada yang ikut ke-enter. Setelah ketemu <head> copy paste kode ini di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@NAMA_AKUN_TWITTER' name='twitter:site'/>
<meta content='@NAMA_AKUN_TWITTER' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src' />
</b:if>
</b:if>
</b:if>

NAMA_AKUN_TWITTER diubah jadi nama akun Twitter pribadi kita ya. Jangan lupa gunakan @.

Klik Save dan selesai!

Setelahnya harus dicoba dulu di Twitter Card Validator. Klik di sini kemudian masukkan salah satu URL blog post kita dan klik preview. Setelahnya setiap kita share ke Twitter, semua link akan berubah jadi card.

Saya sendiri jadinya install, terus jadi galau sih karena kadang pengen share link+foto aja. Jadi mau coba dulu beberapa waktu aja hahahaha *labil*

Cara install Twitter card di Wordpress dan Tumblr bisa dibaca di sini ya! Saya nggak bisa kasih tutorialnya karena nggak pake hehehe

(Baca artikel Monday Techno lainnya di sini)

-ast-

15 comments on "Tutorial: Cara Install Twitter Card di Blogspot"

Bee BalqisNovember 9, 2015 at 11:40 AM
aaa... thank you mbak informasinya. langsung saya praktekan nih. :D
MugniarNovember 9, 2015 at 12:08 PM
Hm .... gitu ya caranya ..
TFS ya Mak :)
D Sukmana AdiNovember 9, 2015 at 3:14 PM
nice tutorial kak :)
Risalah HusnaNovember 9, 2015 at 3:55 PM
untungnya paki twitter card ini bisa hemat karakter di twitter ya cha. Kalo pakai link biasa itu kan jadinya panjang dan ngabisin kuota karakter. Nice sharing, but aku masih suka pakai link. Tapi, next mau dipraktekin ahh
ElisaNovember 9, 2015 at 5:29 PM
Wih... Dari kemaren penasaran sama share link di twitter yang keluar pop up kayak di facebook. Save tutorialnya, ah... Makasih infonya, Mak. :)
UnknownNovember 9, 2015 at 7:19 PM
Mba Aku baru nyadar, karena blog aku wordpress dan aku link kan ke Fb dan Twitter, ternyata link di twitter udah plus gambar, jadi gak perlu update lagi. Tapi terima kasih tutorialnya, bisa diaplikasikan ke blogspotku
UnknownNovember 9, 2015 at 7:27 PM
oya mau nanya, cara back up nya di copas trus disimpen di word dulu gitu kah? terus.. CRT+F ketik headnya nya disembarang tempat asal dalam box kode html?? maklum blogger gaptek
Indah PrimadonaNovember 10, 2015 at 7:56 AM
udah dicoba, bisa mak... thank you :)
Dwi PuspitaNovember 10, 2015 at 12:06 PM
yuhuuu..makasih ilmunya mbak Annisa :)
Elok FaiqotulNovember 10, 2015 at 12:46 PM
thanks for share mak annisa steviani :))
echaimutenanNovember 10, 2015 at 4:58 PM
hahayyyy..berhasillll
makasiiihhh :*
Windah TsuNovember 11, 2015 at 4:21 PM
aku coba dulu ah, thanks before
OpikNovember 17, 2015 at 7:40 PM
baru tau di blogger juga bisa pake, kalau di wordpress self hosting si gampang karena banyak pluginnya
tikaApril 5, 2016 at 10:02 PM
untungnya paki twitter card ini bisa hemat karakter di twitter ya cha. Kalo pakai link biasa itu kan jadinya panjang dan ngabisin kuota karakter. Nice sharing, but aku masih suka pakai link. Tapi, next mau dipraktekin ahh
NiningMarch 8, 2017 at 10:49 AM
TFS mbak cantik, it's works ... yeay ;)