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
20 Comments
  • Shireo
    Shireo 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.

    • Jettheme
      Jettheme 05 February, 2022

      you just put the url in the link section

  • Jawad Ahmed
    Jawad Ahmed 28 January, 2022

    Please any guide for changing drak mode toggle icon

    • Jettheme
      Jettheme 05 February, 2022

      for the dark button, it can be changed in the charger, currently there is no automatic way for that

  • Trial MembƎr
    Trial MembƎr 13 March, 2022

    Cara memasang icon komen author gimana ya min?

  • K$D
    K$D 28 March, 2022

    Wow, Amazing Bro :D

  • Mr Josh
    Mr Josh 17 June, 2022

    di mana kotak peringatan atau kode pendek kotak info

  • ANCAPRA
    ANCAPRA 13 July, 2022

    cara mengubah warna gmna ya mas

  • Admin
    Admin 20 July, 2022

    bang tambahin icon cart

  • lisbon
    lisbon 30 July, 2022

    Mantap gan temanya gan...ijin pakai ya gan, terimakasih

Add Comment
comment url