Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger / Catatan / Dasar

Catatan Kelas HTML Otomatis Untuk Blogger Versi Terbaru

Oleh Mas Iwan Posting Komentar
Catatan Kelas HTML Otomatis Untuk Blogger
IwanBlog.com - Sebagai seorang blogger yang sangat hoby otak atik tampilan template blogger dan memperbaiki segala masalahnya dengan kemampuan seadaanya, tentunya saya memerlukan catatan pada setiap hal yang saya rasa penting untuk dicatat dan akan dibaca lagi jika diperlukan.

Beberapa hari ini saya sedang menyempurnakan penulisan css pada template blog ini, dan perbaikan layout responsive yang sampai saat ini juga belum sempurna.

Kelas HTML Versi Terbaru

<html>
  <b:class cond='data:view.isArchive' name='is-archive'/>
  <b:class cond='data:view.isError' name='is-error'/>
  <b:class cond='data:view.isHomepage' name='is-home'/>
  <b:class cond='data:view.isLabelSearch' name='is-tags'/>
  <b:class cond='data:view.isMultipleItems' name='is-items'/>
  <b:class cond='data:view.isPage' name='is-page'/>
  <b:class cond='data:view.isPost' name='is-post'/>
  <b:class cond='data:view.isPreview' name='is-preview'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='is-search'/>
  <b:class cond='data:view.isSingleItem' name='is-item'/>
  …
</html>
Dari kode tersebut kamu bisa mendapatkan kelas-kelas untuk css sangat mudah, tanpa harus menggunakan tag kondisional di setiap kelasnya.
.post { /* gaya posting di semua halaman */ }

.is-items .post { /* gaya posting di halaman indeks */ }
.is-item .post { /* gaya posting di halaman item */ }

.is-archive .post { /* gaya posting di halaman arsip */ }
.is-error .post { /* gaya posting di halaman kesalahan */ }
.is-home .post { /* gaya posting di halaman muka */ }
.is-tags .post { /* gaya posting di halaman label */ }
.is-page .post { /* gaya posting di halaman statis */ }
.is-post .post { /* gaya posting di halaman posting */ }
.is-preview .post { /* gaya posting di halaman pratinjau */ }
.is-search .post { /* gaya posting di halaman pencarian */ }
Artikel ini saya adopsi dari artikel Kang Taufik DTE. Artikelnya sunggu sangat membantu saya, hingga saya harus catat sendiri, agar jika suatu saat saya membutuhkannya saya sangat mudah mencarinya.
Sumber Artikel : Kelas HTML Otomatis

Posting Komentar untuk "Catatan Kelas HTML Otomatis Untuk Blogger Versi Terbaru"