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
29 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

  • Rabbit Run
    Rabbit Run 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

  • Andreas
    Andreas 13 July, 2022

    cara mengubah warna gmna ya mas

  • Jyaxz
    Jyaxz 20 July, 2022

    bang tambahin icon cart

  • lisbon
    lisbon 30 July, 2022

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

  • Emy Alosh
    Emy Alosh 23 October, 2022

    It is possible to divide the article into a j theme template like this method.https://github.com/aitibimah/split-blogger-post
    Try to apply it to this template, but it is not correct

  • Scomio
    Scomio 26 March, 2023

    Add Tiktok

  • Nishant Suthar
    Nishant Suthar 28 March, 2023

    how to add code block

  • MyAIshop
    MyAIshop 23 May, 2023

    I need TikTok icon please

  • Admin
    Admin 13 July, 2023

    This comment has been removed by the author.

  • Rgamesnews
    Rgamesnews 13 August, 2023

    The best blogger theme name is jettheme. Made with jettheme on my website. https://www.shobkisuinfo.com/ I love jettheme.

  • Dhanjee Rider
    Dhanjee Rider 17 August, 2023

    Sir iwant to add a extra dark mode button in footer can you tell me what is the onlclick () value of dark mode button and how can i transfer it to a anchor tag or button tag can you provide code pls

  • অ্যাডমিন
    অ্যাডমিন 01 December, 2023

    Please change twitter icon

  • Iklan Posmetro Padang
    Iklan Posmetro Padang 08 October, 2024

    icon tiktok please

Add Comment
comment url