Typography

Jika anda menyukai Bootstrap, hal ini kabar baik untuk anda, kali ini JetTheme V.2 mengunakan core css dari Bootstrap 5, jadi fitur pada Bootstrap bisa anda implementasikan disini.

h1. Example heading
h2. Example heading
h3. Example heading
h4. Example heading
h5. Example heading
h6. Example heading
<h1>h1. Example heading</h1>
<h2>h2. Example heading</h2>
<h3>h3. Example heading</h3>
<h4>h4. Example heading</h4>
<h5>h5. Example heading</h5>
<h6>h6. Example heading</h6>
fs-1 Example text
fs-2 Example text
fs-3 Example text
fs-4 Example text
fs-5 Example text
fs-6 Example text
fs-7 Example text
fs-8 Example text
<p class="fs-1">fs-1 Example text</p>
<p class="fs-2">fs-2 Example text</p>
<p class="fs-3">fs-3 Example text</p>
<p class="fs-4">fs-4 Example text</p>
<p class="fs-5">fs-5 Example text</p>
<p class="fs-6">fs-6 Example text</p>
<p class="fs-7">fs-7 Example text</p>
<p class="fs-8">fs-8 Example text</p>
Text Display 1
Text Display 2
Text Display 3
Text Display 4
Text Display 5
Text Display 6
<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>

Lead paragraph.

highlight text.

Deleted text.

Underlined text.

Small text.

Bold text.

Italicized text.

<p class="lead">Lead paragraph.</p>
<p><mark>highlight</mark> text.</p>
<p><del>Deleted text.</del></p>
<p><u>Underlined text.</u></p>
<p><small>Small text.</small></p>
<p><b>Bold text.</b></p>
<p><i>Italicized text.</i></p>

A well-known quote, contained in a blockquote element.

<blockquote class="ps-3 border-start border-3 text-reset">
    <p class="blockquote">A well-known quote, contained in a blockquote element.</p>
      <figcaption class="blockquote-footer">Someone famous</figcaption>
</blockquote>
  • This is a list 1.
  • This is a list 2.
  • This is a list 3.
  • This is a list 4.
    • This is a sub list 1.
    • This is a sub list 2.
    • This is a sub list 3.
  • This is a list 5.
<ul>
  <li>This is a list 1.</li>
  <li>This is a list 2.</li>
  <li>This is a list 3.</li>
  <li>This is a list 4.
    <ul>
      <li>This is a sub list 1.</li>
      <li>This is a sub list 2.</li>
      <li>This is a sub list 3.</li>
    </ul>
  </li>
  <li>This is a list 5.</li>
</ul>
<p>Sample text here...</p>
<p>And another line of sample text here...</p>
<pre class="jt-bg-light p-3"><code class="fs-8">&lt;p&gt;Sample text here...&lt;/p&gt;<br />&lt;p&gt;And another line of sample text here...&lt;/p&gt;</code></pre>

Baca Juga : Jettheme Icons dan Button.

<p class="p-3 jt-bg-light border-start border-5 border-warning">Baca Juga :<a href="#####">Text Judul</a>.</p>
First Second
Mark Otto
Jacob Thornton
Larry the Bird
<div class="table-responsive">
<table class="table table-bordered jt-border-light text-reset">
  <thead class="table-dark">
    <tr>
      <th scope="col">First</th>
      <th scope="col">Second</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Mark</td>
      <td>Otto</td>
    </tr>
    <tr>
      <td>Jacob</td>
      <td>Thornton</td>
    </tr>
    <tr>
      <td>Larry</td>
      <td>the Bird</td>
    </tr>
  </tbody>
</table>
</div>

Untuk lebih lanjut silahkan kunjungi website resmi Bootstrap.

Next Post Previous Post
21 Comments
  • Nadi Supriadi
    Nadi Supriadi 09 March, 2021

    :)

    • Jettheme
      Jettheme 21 May, 2021

      :v

  • Tipsy4you
    Tipsy4you 19 July, 2021

    How to add syntax highlighter ?

    • Jettheme
      Jettheme 21 August, 2021

      you can use highlightjs

  • Cindy
    Cindy 09 August, 2021

    Cara nambahin CSS anti copas gimana ya mas? Soalnya css yang biasa saya pakai tidak berfungsi di template jettheme

    • Jettheme
      Jettheme 21 August, 2021

      Disesuaikan lagi cssnya, karena jettheme tidak pakai class dari blogger

  • Lekturin
    Lekturin 17 September, 2021

    Mas ini agar daftar isi bisa di bawah gambar gimana ya? Punya saya ada di atas kolom iklan pertama.

    Ohya, untuk kasih tag seperti #Smartphone, apa itu manual ya?


    Terima kasih. Template bagus dan wuzz!

    • Jettheme
      Jettheme 18 October, 2021

      gunakan lazyload image, nanti akan otomatis daftar isi / TOC akan berada di bawah gambar

    • Jettheme
      Jettheme 18 October, 2021

      fitur hashtag bisa digunakan dengan cara menambahkan tanya # sebelum label, yang di masukan di dalam post editor

  • elzbth
    elzbth 21 September, 2021

    cara setting penempatan toc gimana ya, biar nggak di atas

    • Jettheme
      Jettheme 18 October, 2021

      gunakan lazyload image, nanti akan otomatis daftar isi / TOC akan berada di bawah gambar

  • hfiz.wa
    hfiz.wa 22 September, 2021

    thx mas

    https://www.hafiz-net.my.id

  • ཞıʄզı ąƖʄı
    ཞıʄզı ąƖʄı 09 October, 2021

    mas punya saya widget yang #You may also like pas saya klik pensil dari halaman postnya kok eror ya?

  • ཞıʄզı ąƖʄı
    ཞıʄզı ąƖʄı 09 October, 2021

    Sama widget lainnya juga yg berfungsi cuma quick edit bagian post aja. Sy pake yg 2.8

    • Jettheme
      Jettheme 18 October, 2021

      fitur quick edit widget sudah tidak didukung oleh blogger di versi 2.8.2 sudah di hapus, silahkan di download ulang

  • মোঃ আব্দুর রহিম
    মোঃ আব্দুর রহিম 10 November, 2021

    How to use Google custom font. I want to use "Baloo Da 2" font in your theme. How to use it.

    I love you theme very much I want to use it with custom font. Please help me out.

  • silabelKATA
    silabelKATA 13 January, 2022

    Fitur dropcap blm ada ya?

    • Jettheme
      Jettheme 22 January, 2022

      ditunggu ya, di versi terbaru

  • silabelKATA
    silabelKATA 13 January, 2022

    Fitur anti copas


    body{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

  • Aji fratama
    Aji fratama 16 January, 2022

    Ko template terbaru tidak bisa tampil related posts. BACA JUA

    • Jettheme
      Jettheme 22 January, 2022

      https blogger harus aktif

Add Comment
comment url