Kode Twitter Card untuk Template Blog AMP Dalam tips seputar template blog AMP kali ini kami akan mengungkapkan kepada Anda bagaimana menambahkan meta data Twitter secara dinamis pada tema Blogger menggunakan versi Blogger 3 operator / tag data.
Sebelum melanjutkan, Backup kode Theme Blogger Anda dengan menggunakan tombol Backup / Restore.
1. Go to Theme > Edit HTML
2. Find <head> HTML tag & paste below HTML/XML codes below this <head> tag.
<b:comment> Twitter Cards for Blogger Themes </b:comment> <meta expr:content='data:view.featuredImage ? "summary_large_image" : "summary"' name='twitter:card'/> <meta content='@username' name='twitter:site'/> <meta content='@username' name='twitter:creator'/> <meta expr:content='data:blog.homepageUrl.canonical' name='twitter:domain'/> <meta expr:content='data:view.url.canonical' name='twitter:url'/> <meta expr:content='data:view.title' name='twitter:title'/> <meta expr:content='data:blog.metaDescription ? data:view.description : ""' name='twitter:description'/> <b:if cond='data:view.featuredImage'> <meta expr:content='data:view.featuredImage' name='twitter:image:src'/> </b:if>
Replace @username with your twitter username. Then click Save Theme.
Test your blog post URL by using Twitter validator page: https://cards-dev.twitter.com/validator
Check the minimum requirement to share images for example image type, size etc as per Twitter Developer help page in below links.
Twitter Developer References:
Twitter Summary Cards
Twitter Summary Cards with Large Image