Icons dan Button

Global Icon

Dijettheme kami juga menyediakan 24 icons yang sudah siap digunakan dibawah ini adalah tampilan icon dan cara pengunaanya

Whatsapp
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-whatsapp"/></svg>
Pinterest
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-pinterest"/></svg>
Tumblr
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-tumblr"/></svg>
Twitter
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-twitter"/></svg>
Linkedin
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-linkedin"/></svg>
Facebook
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-facebook"/></svg>
Instagram
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-instagram"/></svg>
Youtube
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-youtube"/></svg>
Telegram
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-telegram"/></svg>
Github
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-github"/></svg>
Arrow Bottom
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-b"/></svg>
Arrow Left
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-l"/></svg>
Arrow Right
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-r"/></svg>
Arrow Top
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-t"/></svg>
User
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-user"/></svg>
Clock
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-clock"/></svg>
Comment
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-comment"/></svg>
Menu
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-menu"/></svg>
Mail
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-mail"/></svg>
Pencil
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-edit"/></svg>
Close
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-close"/></svg>
Search
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-search"/></svg>
Check
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-check"/></svg>
Download
<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg>

Button

Click Here
<a class="btn jt-btn-primary mb-2 me-2" href="#">Click Here</a>
Download Here
<a class="btn jt-btn-primary mb-2 me-2" href="#"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg> Download Here</a>
Click Here Click Here Click Here Click Here
<a class="btn btn-sm jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn rounded-pill jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn btn-lg jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn jt-btn-outline-primary mb-2 me-2" href="#">Click Here</a>
Next Post Previous Post
11 Comments
  • Khoirul
    Khoirul 21 April, 2021

    templatenya mantep banget kak, sukses trus

    • Jettheme
      Jettheme 21 April, 2021

      Terimakasih, semoga bermanfaat

  • Admin
    Admin 13 June, 2021

    Mas, cara ubah ukuran icons FB & IG yang di atas gimana ya? Soalnya kegedean kalo buka di mobile. Makasih mas. Templatenya mantap!

    • Jettheme
      Jettheme 15 June, 2021

      ubah di cssnya .jt-icon

  • Tipsy4you
    Tipsy4you 19 July, 2021

    How to remove syntax highlighter (theme default ) ?

    • Jettheme
      Jettheme 02 August, 2021

      there is no syntax highlighter for default and you can customize it yourself

  • syam
    syam 30 August, 2021

    mas. untuk label cloud nya tidak muncul kenapa ya? kalo yang daftar muncul. mohon pencerahannya mas :)

    • Jettheme
      Jettheme 31 August, 2021

      contoh format label cloud #namaLabel

  • Jurnal Detik
    Jurnal Detik 26 October, 2021

    mas maaf izin pakai sebelumnya ya mas, ohya mas cara buat header supaya sticky gimana ya mas jadi saat scroll header nya tetap muncul

  • Jawad Ahmed
    Jawad Ahmed 06 January, 2022

    How to change light and dark mode icon?

  • Annushka
    Annushka 26 January, 2022

    Thank you very much for the beautiful and quick theme. Could you help me with the social buttons? I'd like to put them after the text, but I don't understand how. Thanks in advance.

Add Comment
comment url