Tag b:include
name='all-head-content'
Tag b:include
yang terdapat diantara tag <head>
ini merupakan kode "pemanggil" markup dalam template biasanya berada diantara tag b:defaultmarkups.
<b:include data='blog' name='all-head-content'/>
Namun khusus untuk atribut id='all-head-content'
tidak ditemukan markupnya didalam default markup template. Satu-satunya cara untuk melihat isi elemen dalam tag markup tersebut adalah melalui source code halaman.
Untuk melihat source code (kode sumber) suatu halaman web / blog, buka halaman yang akan dilihat sumbernya lalu tekan ctrl + u
Berikut ini hasil render tag b:include yang terlihat di kode sumber (source code) halaman:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#eeeeee' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#eeeeee' name='msapplication-navbutton-color'/>
<meta content='blogger' name='generator'/>
<link href='https://url_blog.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://url_blog.com/2024/01/judul-post.html' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Nama Blog - Atom" href="https://url_blog.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Nama Blog - RSS" href="https://url_blog.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Nama Blog - Atom" href="https://www.blogger.com/feeds/.../posts/default" />
<link rel="alternate" type="application/atom+xml" title="Nama Blog - Atom" href="https://url_blog.com/feeds/1234567891287820457/comments/default" />
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<link href='https://url_images.webp' rel='image_src'/>
<meta content='https://url_postingan.html' property='og:url'/>
<meta content='Judul Post' property='og:title'/>
<meta content='cuplikan post...' property='og:description'/>
<meta content='https://url_images.jpg' property='og:image'/>
Keterangan tag <meta>
1. Meta Viewport
Meta ini terpisah dari markup "all-head-content" dan berada tepat dibawah tag <head>
yaitu meta Viewport yang berarti area pandang halaman web/blog yang tampak di layar perangkat.
Sehingga meta viewport ini adalah suatu data yang menginformasikan area pandang halaman web/blog terhadap lebar layar perangkat.
<meta content='width=device-width, initial-scale=1' name='viewport'/>
2. Meta charset
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
3. Meta warna tema
Meta Theme color atau metadata warna tema berfungsi untuk menentukan warna utama untuk tema halaman web/blog pada saat ditampilkan di browser maupun platform lainnya seperti Windows dan Apple.
Meta tema warna untuk browser
<!-- Chrome, Firefox OS and Opera -->
<meta content='#eeeeee' name='theme-color'/>
Meta warna tema untuk aplikasi Windows
<!-- Windows Phone -->
<meta content='#eeeeee' name='msapplication-navbutton-color'/>
Meta tema warna otomatis
Meta tema warna dibawah ini kompatibel untuk semua blog dari Blogger tanpa perlu penyesuaian lagi atau tingga copy paste. Gunakan meta dibawah ini sebagai pengganti meta warna tema diatas.
<meta expr:content='data:skin.vars.keycolor' name='theme-color'/>
<meta expr:content='data:skin.vars.keycolor' name='msapplication-navbutton-color'/>
<meta expr:content='data:skin.vars.keycolor' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
4. Meta Blogger Generator
Ini adalah meta pemformat yang berfungsi untuk membuat nama program dalam layout blog. Kita tidak harus memahami meta ini, karena hanya perlu untuk menempatkan saja didalam template maka akan bekerja dengan sendirinya
<meta content='blogger' name='generator'/>
5. Meta OG (OpenGraph)
Meta ini berperan untuk mendeklarasikan metadata basic dari halaman yang akan digunakan sebagai informasi yang dipublikasikan pada saat halaman dibagikan ke media sosial.
<meta content='/2022/06/judul-post.html' property='og:url'/>
<meta content='Judul Post' property='og:title'/>
<meta content='cuplikan post...' property='og:description'/>
<meta content='https://url_images.webp' property='og:image'/>
Keterangan tag <link>
6. Tag Link
<link href='https://url_blog.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='/url_postingan.html' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Nama Blog - Atom"href="/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Nama Blog - RSS" href="/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Nama Blog - Atom" href="https://www.blogger.com/feeds/84861509.../posts/default" />
<link rel="alternate" type="application/atom+xml" title="Nama Blog - Atom" href="/feeds/3463122971287820457/comments/default" />
<link href='https://url_images.webp' rel='image_src'/>