Cara Membuat Sub-Judul Blog di Header Blogger

Daftar Isi

Cara membuat sub-judul blog atau teks tambahan disamping judul utama cukup mudah. Fungsi sub-judul blog yaitu memberikan deskripsi singkat atau tagline yang menjelaskan tentang konten suatu blog. Beberapa alasan menggunakan sub-judul blog di header mungkin akan menciptakan identitas yang lebih kuat.

Menggunakan ini dalam SEO di mesin pencari tidak terlalu penting karena tidak mempengaruhi optimasi di search engine.

Membuat sub-judul blog di bagian header tidaklah terlalu rumit, dengan tulisan kecil disamping judul atau title blog. Penampakannya akan seperti demo dibawah ini.

Dari contoh demo tersebut saya buat subjudul dengan teks "demo", karena halaman tersebut saya buat khusus untuk menampilkan hasil contoh-contoh dari setiap postingan yang menuju ke halaman tersebut.

Cukup menarik bukan? dengan ini pengunjung akan mudah mengenali apa yang diusung oleh blog kamu. Kamu dapat menambahkan atribut ini di template Blogger apa pun, tetapi tempelkan kode di tempat yang benar.

Cara Membuat Sub-Judul di Header

Berikut ini cara membuat subtitle di header blogger:

1. Silahkan ke dasboard Blogger.
2. Pilih pada bagian Tema dan selanjutnya pilih Edit HTML.
3. Silahkan salin css dibawah ini dan letakkan pada <style>.

   .header .headerSub:before{content:attr(data-text)}
   .headerSub{margin-left:2px;font-family:var(--font-body);font-weight:400;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:50px;vertical-align:middle;opacity:.6;flex-shrink:0}
   

4. Selanjutnya cari kode <data:title/> pada kode widget Header1 dan letakkan kode dibawah ini tepat disebelahnya.

   <span class='headerSub' data-text='Docs'/>
   

   Silahkan ganti sesuai keinginanmu yang saya tandai tersebut.
5. Klik simpan.

Sesuaikan atribut .header setiap template mungkin sedikit berbeda, ada yang menggunakan .Header dengan h menggunakan huruf kapital.

Nah, begitulah sobat! cara membuat subjudul di header blog agar tampilan blogmu lebih menarik. Menggunakan atribut ini cocok untuk type judul header dalam bentuk tulisan atau teks saja, kalaupun menggunakan gambar mungkin akan kurang cocok.

Demikan tutorialnya semoga dapat membantu, terima kasih telah berkunjung.