r2jyMycKRSdl6wynCKBldYdZWuL4bEvNr0iZ3Ycy
Bookmark
Billboard ads

Igniplex v3 All Style (Typography, Elements, Gallery, etc)

Ads top post
Ini adalah pindahan dari halaman Igniplex v2.6 Style.
Igniplex Theme Documentation

NORMAL FONT. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Cara menggunakan dan memanggil semua elemen di bawah ditulis di tutorial member area.

Heading <H2>

Subheading <H3>

Minor heading <H4>

Bold
Italic
Underscore
Striketrough

Smallest
Small
Large
Largest

UPPERCASE
lowercase
E = MC2
H2O
Zoetami (link)

<mark> (highlight)
<code>
<kbd>
<samp>
<var>


Syntax Highlighter

You can add class to display what kind of code it is.

1. Classic

.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}
<html>
  <head>
    <title>Igniel</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>

B. Multi Tab Syntax

  • HTML
  • CSS
  • JS
<html>
  <head>
    <title>Igniel</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>
.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}
!function() {
  // Estimated Reading Time by igniel.com
  const post = document.querySelector('.post-body')[0],
    tx = post.innerText,
    wpm = 225,
    wd = tx.trim().split(/\s+/).length,
    tm = Math.ceil(wd / wpm);
  if (document.querySelector('.read-time')) {
    document.querySelector('.read-time i').innerText = tm;
  }
}();

Tombol (Button)

A. Fill

B. Outline


Kotak (Box)

Box default
Box green
Box blue
Box red
Box yellow

Blockquote

A. Default

Social media marketing, social media optimization, blogger tutorial for beginners. Stimulate your passion! #Nganggurpreneur

B. Dengan Author

Karena sesungguhnya sesudah kesulitan itu ada kemudahan.
QS,. Ash-Sharh:5

Images

All images will be clickable and displayed into Lightbox.

A. Default Blogger

Image dimension is according to selected size in Blogger editor.

Default style of image with caption on Blogger editor
Default style of image with caption on Blogger editor

B. Figure

Standard figure tag with figcaption. Even if don't have <a href> tag, image still displayed into Lightbox.

Standard figure HTML tag
Standard figure HTML tag

C. Gallery (Carousel)

Multiple images with carousel style. Very similar to Instagram gallery. Scroll or click arrow button to navigate.

D. Gallery (Swipe)

Multiple images with swipe style. Best for mobile view. Lighter than carousel.

E. Gallery (Grid with Show All)

Images will be displayed as grid. If you have more than 4 images, Show All function will be added automatically. It's similar to Facebook gallery style.


Tabs

Create multi tab with unlimited content. You can add up to as many as you want because the title will be scrollable.

  • First Tab
  • Second Tab
  • Third Tab
  • Fourth Tab
  • Fifth Tab
  • Sixth Tab
Content of the first tab (1st).
Content of the second tab (2nd).
Content of the third tab (3rd).
Content of the fourth tab (4th).
Content of the fifth tab (5th).
Content of the sixth tab (4th).

Accordion

Hide or reveal contents. Very common in FAQ (Frequently Asked Question) section.

Accordion Open By Default Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Accordion Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Spoiler

Show / hide content with click event to trigger.

Spoiler Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

YouTube

Lazy load YouTube video will make your pages lighter.


Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.


Table

No. Nama Kota
1 Igniel Sukabumi
2 Rain Bandung
3 RedSky Jakarta
4 Queen Bekasi
5 Bjita Tangerang
6 Alphabetees Bogor

Ordered List

Is a list with number.

  1. Satu satu satu
  2. Dua dua dua
  3. Tiga tiga tiga
  4. Empat empat empat
  5. Lima lima lima
  6. Enam enam enam
  7. Tujuh tujuh tujuh
  8. Delapan delapan delapan
  9. Sembilan sembilan sembilan
  10. Sepuluh sepuluh sepuluh

Unordered List

Is a list without number.

  • Satu satu satu
  • Dua dua dua
  • Tiga tiga tiga
  • Empat empat empat
  • Lima lima lima
  • Enam enam enam
  • Tujuh tujuh tujuh
  • Delapan delapan delapan
  • Sembilan sembilan sembilan
  • Sepuluh sepuluh sepuluh

Nested

  1. Satu
    1. Satu satu
      1. Satu satu satu
  2. Dua
  3. Tiga
  • Satu
    • Satu satu
      • Satu satu satu
  • Dua
  • Tiga
  1. Satu
    • Satu satu
      • Satu satu satu
  2. Dua
  3. Tiga
Ads bottom post
26 comments

26 comments

Silakan berikan komentar. Centang kotak "Notify me" untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Ray Almalik Ernando
    Ray Almalik Ernando
    27 March, 2023
    Mba aku mau tanya biar bisa muncul daftar isinya gimana ya pada di postingan
    • Ray Almalik Ernando
      Igniel
      28 March, 2023
      Daftar isi otomatis muncul jika jumlah heading (h2 / 3 / h4) ada lebih dari satu.
    Reply
  • Elanaus
    Elanaus
    23 March, 2023
    mbak ini ada versi AMP nya ndak? :((
    • Elanaus
      Igniel
      28 March, 2023
      Belum ada kak 🙏🏻
    Reply
  • Elanaus
    Elanaus
    23 March, 2023
    This comment has been removed by the author.
  • Hamzah
    Hamzah
    13 March, 2023
    Mbak mau nanya, di template ini bisa ga di bagian postingannya jadi fullpage, jadi sidebar hidden, terimakasih sebelumnya mbak
    • Hamzah
      Igniel
      28 March, 2023
      Iya bisa kak
    Reply
  • Caffs
    Caffs
    13 March, 2023
    Templatenya sangat bagus.

    tapi menurut saya terlalu memaksa seperti UI aplikasi. para user pada stuck tampilan karena terlalu perfeksionis. Buat para blogger, ingat. esensi kalian itu nulis konten.

    Kalau udah beli template ini tinggal pake aja, udah bagus bgt
    gak usah neko neko, nulis nulis dan nulis :)
    Reply
  • Servour
    Servour
    10 March, 2023
    Um, aside from this page, do you have an online documentation page or something?

    Kek yang di sebelah kan ada tuh docsdotjagoblablaladotcom.

    Pure nanya
    • Servour
      Igniel
      10 March, 2023
      I do. Since the very first day in 2019. Di member area khusus.
    • Servour
      Igniel
      10 March, 2023
      Di atas ada tulisannya sih kalau gak notice.

      "Cara menggunakan dan memanggil semua elemen di bawah ditulis di tutorial member area."
    • Servour
      Servour
      11 March, 2023
      Sweet. Thanks for convincing me to buy this. I'll contact you shortly after I'm ready to make the purchase.
    Reply
  • Indo official
    Indo official
    07 March, 2023
    Mba kalo yg dulu udh beli yg v2 apa harus bayar full untuk v3 nya
    • Indo official
      Michael
      20 March, 2023
      Yes, you'll have to pay half of the money for a renewal after one year
    Reply
  • Muhammad Ari Wibowo
    Muhammad Ari Wibowo
    01 March, 2023
    mba igniel, untuk yg terakhir kali beli v.2.6 ga dapet pembaruan ke v.3.0 ga ya? karena kemarin pakai v.2.6 sebentar doang karena gambar ga muncul di chrome kirain ada update lagi ternyata udh lompat ke v.3.0
    Reply
  • Wernayasa
    Wernayasa
    28 February, 2023
    Selama sudah merilis versi baru Igniplex.
    Sedikit kritik dari saya:
    Tag blockquote seharusnya diakhiri dengan tag figcaption atau cite.
    Tag figure boleh mengandung beberapa tag img, tidak perlu dipisah, karna gambarnya kucing semua, lalu akhiri dengan tag figcaption kucing.

    source
    source
    • Wernayasa
      Igniel
      28 February, 2023
      Iya bebas aja kalau penulisan kode HTML figure. Mau dipisah atau digabung tergantung penulisnya.

      Yang blockquote sudah ada 2 versi. Pakai author dan tidak. Yang pakai author ujungnya diakhiri pakai footer buat info authornya. Bukan cite sih. Bukan penulisan baku. Bisa ditentukan sendiri sama penulis mau pakai footer atau cite.
    Reply
  • Rio Agustya
    Rio Agustya
    28 February, 2023
    Gilaa keren banget sih ini
    Reply
  • Redaksi INS
    Redaksi INS
    28 February, 2023
    Jadi nambah mantap ini, template blogger paling keren.
    • Redaksi INS
      Igniel
      28 February, 2023
      Terima kasih banyak 🙌
    Reply
  • Admin
    Admin
    25 February, 2023
    Kapan rilis nih udah gak sabar
    • Admin
      Igniel
      28 February, 2023
      Sudah rilis di 27 Februari 2023 ya kak.
    Reply
  • Tehnosia Web
    Tehnosia Web
    23 February, 2023
    Kapan Rilis Versi 3 nya
    • Tehnosia Web
      Igniel
      28 February, 2023
      Sudah rilis di 27 Februari 2023 ya kak.
    Reply
  • SouletZ
    SouletZ
    19 February, 2023
    kapan terbitnya ini ka
    • SouletZ
      Igniel
      28 February, 2023
      Sudah terbit di 27 Februari ya kak.
    Reply