Langsung ke konten utama
loading

Title Blog Hack Blogger Conditional Tag

Posting kali ini hanya catatan saja, :) bagi blogger yang sering otak-atik template mungkin sudah familiar dengan masalah ini. Kalau tidak dituliskan dan dikumpulkna di blog, saat butuh benar-benar stress ~x( cari referensinya. Catatan kali ini sangat erat hubungannya dengan Conditional tag di Blogger.Com yang pernah dicatat 3 tahun lalu. Title Blog

Gambar Kali ini sekalian mengubah pengaturan title Pondok Jeruk, ditulislah catatan ini. Meski pada dasarnya hanya menuliskan result dari percobaan kode yang kemudian diamati di page source. ;)) Agar kelak tidak perlu percobaan lagi.

Blogger.com menyediakan tag xml khusus untuk title ini, yang jika dipasang langsung tidak usah pakai syarat apapun akan diaturkan. Tag tersebut adalah <data:blog.pageTitle/>. Asalkan pakai itu halaman apapun beres titlenya, jadi untuk membuat pengaturan ini tinggal pasang seperti berikut:

<title><data:blog.pageTitle/></title>

Namun hasil titlenya tidak bisa dimodif dan saya sendiri tidak suka hasilnya, nama blog akan selalu dipasang di awal sebelum nama halaman, ini tidak enak kalau tab browser desktop membuka banyak, akan terlihat nama blog saja tidak terlihat halaman apa. 8-x Begitu juga kalau menggunakan hape, malah gak enak.

Sebelum membuat alternatif title saya melakukan test dengan memasang kode di template namun dijadikan komentar, kodenya sebagai berikut:

&lt;!--
&lt;data:blog.title/&gt; <data:blog.title/> 
&lt;data:blog.pageTitle/&gt; <data:blog.pageTitle/>
&lt;data:blog.pageName/&gt; <data:blog.pageName/>
--&gt;

Hasil dari pengamatan di jenis halaman blog seperti dibawah ini:

view-source:https://www.pondokjeruk.com/
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk
<data:blog.pageName/> 

view-source:https://www.pondokjeruk.com/2020/06/
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk: Juni 2020
<data:blog.pageName/> Juni 2020

view-source:https://www.pondokjeruk.com/2020/
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk: 2020
<data:blog.pageName/> 2020

view-source:https://www.pondokjeruk.com/p/application-list.html
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk: Index Aplikasi
<data:blog.pageName/> Index Aplikasi

view-source:https://www.pondokjeruk.com/search/label/Referensi
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk: Referensi
<data:blog.pageName/> Referensi

https://www.pondokjeruk.com/search?q=memancing
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk: Hasil penelusuran untuk memancing
<data:blog.pageName/> Hasil penelusuran untuk memancing

view-source:https://www.pondokjeruk.com/searc
<data:blog.title/> Pondok Jeruk 
<data:blog.pageTitle/> Pondok Jeruk
<data:blog.pageName/>

Dari baris data diatas, sesuai urutan itu ada di halaman:

  1. Homepage
  2. Archives
  3. Archives
  4. Page
  5. Label
  6. Search
  7. Error 404 (halaman tidak ditemukan)

Berdasarkan percobaan sebelumnya dari jenis halaman seperti dijelaskan pada Conditional tag di Blogger.Com seperti dibawah ini:

isSingleItem post and page true
isPage page true
isPost post true
isError 404 true
isMultipleItems homepage, archive, search, label true
isHomepage homepage true
isArchive archive true
isSearch search, label, true
isLabelSearch label true

Akhirnya title sesuai selera saya buat seperti dibawah ini:

<title>
   <b:if cond='data:view.isHomepage'>
      Warung Cangkruk Catatan dan Informasi &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isArchive'/>
      Arsip <data:blog.pageName/> &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isSearch and data:view.isLabelSearch'/>
      Kategori &#8220;<data:blog.pageName/>&#8221; &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isSearch and not data:view.isLabelSearch'/>
      <data:blog.pageName/> &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isError'/>
      Halaman tidak ditemukan &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isPage'/>
      <data:blog.pageName/> &#9734; <data:blog.title/> &#8482;
   <b:elseif cond='data:view.isPost'/>
      &#9734; <data:blog.pageName/>
   <b:else/>
      &#9734; <data:blog.pageTitle/>
   </b:if>
</title>

Tag <data:blog.pageTitle/> hanya saya gunakan di halaman <b:else/> akhir yang tidak terdefinisi atau jika kelak ada jenis halaman baru. Karena sampai sekarang sepertinya hanya ada 7 jenis halaman tadi.

Sekian dulu catatannya kalau kamu mau buat referensi ~o) silahkan.

Recent Comments