All head content

Penjelasan tag b:include name all-head-content pada template default Blogger.

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'/>
  Sebelumnya
Selanjutnya  
Label postingan : #Default markup #html

Posting Komentar

Cookie Consent
Kami menyediakan "Cookies" untuk menganalisa kunjungan ke situs ini. Ingat dan sesuaikan pengaturan Anda.
Tidak ada jaringan!
Nampaknya koneksi internet sedang terganggu.
AdBlock Detected!
Bantu kami mengelola situs ini dengan menon-aktifkan Pemblokir Iklan atau memasukkan situs ini ke dalam whilelist Pemblokir iklan Anda, Terima Kasih.
Site is Blocked
Sorry! This site is not available in your country.