mTYgoJMQ53InD94w2dRs81hIq8419eY33tI9XefB
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
Content of the first tab (1st).
Content of the second tab (2nd).
Content of the third tab (3rd).
Content of the fourth 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

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

List with alphabet.

  1. Alpha
  2. Blue
  3. Charlie
  4. Delta
  5. Ethan

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
64 تعليقًا

64 تعليقًا

Silakan berikan komentar. Centang kotak "Notify me" untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Admin Blog
    Admin Blog
    25 مارس, 2024
    Akhir-akhir ini loading lazyloadnya untuk halaman home dan relared artikel sering lambat bahkan kadang tidak terload, apakah penyebabnya?
    • Admin Blog
      Igniel
      25 مارس, 2024
      Sepertinya ada hubungannya dengan update Blogger yang udah mengeluarkan fitur lazyload bawaan. Akan saya pelajari dulu.
    Reply
  • Guru Digital
    Guru Digital
    13 مارس, 2024
    Untuk sitemap V3 kapan dirilis mbak atau justru langsung loncat ke V4 karena semua template lama udah V4 ?
    • Guru Digital
      Igniel
      13 مارس, 2024
      Igniplex belum tentu ada v4. Sementara ini, desain yang sekarang sudah final. Yang ada hanya update rutin untuk fix bug. Sepanjang v3 dirilis sudah ada beberapa kali update, tapi salah saya gak ditulis changelognya karena bukan update besar-besaran.

      Kalau template premium saya, jika beda versi (misalnya v3 ke v4) berarti update-nya besar-besaran banget dan rombak layout. Jika sekedar tambah fitur dll akan ditulis v3.1, v3.2, seterusnya.

      Jadi untuk sitemap baru akan masuk ke v3.1.
    • Guru Digital
      Guru Digital
      18 مارس, 2024
      Baik mbak, saya harap untuk font bisa dibesarkan sedikit, soale terlalu kecil-kecil, seperti dibagian daftar isi pada tampilan mobile dan untuk tombol fitur bisa di close tanpa harus menekan kembali fiturnya, misal pada bagian TOC.
    Reply
  • Admin
    Admin
    22 ديسمبر, 2023
    mba ada cara ga biar postingan nya bisa full widht, bukan semua tapi hanya satu postingan yang di inginkan
    Reply
  • Gaurav
    Gaurav
    16 ديسمبر, 2023
    Hi Igniel,
    I'm interested in purchasing this template. I've reached out to you but haven't received a response in 15 days. Could you please assist me?
    Reply
  • Aiyan Dzi
    Aiyan Dzi
    02 ديسمبر, 2023
    I have been using this theme and found some problems as user i have seen that if we use this theme in desktop the text size is very large as compared to other text example if you are seeing this comment on pc you will see that this text is very larger but if you reply this comment that text is very small as compared to the comments so pls fix that it looks very weird and i will be updating you with some more problems to fix to make the user experience better.
    Reply
  • Anime upload
    Anime upload
    21 سبتمبر, 2023
    All code please
    Reply
  • Kamisato Ayaka
    Kamisato Ayaka
    20 سبتمبر, 2023
    saya perpanjang pas 2.6 rilis tp kgk ada update sama sekali, biaya perpanjang brp utk saia
    Reply
  • Niteen Maurya
    Niteen Maurya
    10 سبتمبر, 2023
    أزال المؤلف هذا التعليق.
  • Niteen Maurya
    Niteen Maurya
    02 سبتمبر, 2023
    أزال المؤلف هذا التعليق.
    • Niteen Maurya
      Igniel
      02 سبتمبر, 2023
      Contact me if you've purchased Igniplex.
  • Master Oppa
    Master Oppa
    12 أغسطس, 2023
    Help. Custom-post-1 (Style 1) has 2 widget. How to add two more widget?
    • Master Oppa
      Igniel
      12 أغسطس, 2023
      If you're a member, email me.
    Reply
  • Drg No
    Drg No
    10 أغسطس, 2023
    Wooh this is an awesome theme
    Reply
  • Abe (Jurnalabe.com)
    Abe (Jurnalabe.com)
    02 أغسطس, 2023
    Sebagai orang yang lumayan gaptek soal dunia blogging (khususnya terkait utak atik tema blog biar estetik), jujur tema ini bener2 membantu banget sih buat blogger yang pengen punya tema keren tapi ga paham dunia wordpress. Maklum, selama ini yg temanya keren2 kan blogger wordpress... hehehe. Semoga ke depannya bakal diupdate lebih keren lagi dan makin banyak fiturnya :)
    Btw mau tanya, kak. Sorry kalau oot. Ilustrasi2 kartun yang ada di postingan2 blog ini bikinnya via apa, ya? Sering banget liat seliweran tapi ngga tau carinya dimana hehe
    • Abe (Jurnalabe.com)
      Igniel
      04 أغسطس, 2023
      Terima kasih. Semoga Igniplex selalu update mengikuti perkembangan zaman. Aamiin~

      Untuk gambar ilustrasi bisa dicari di freepik.com (yang berlisensi gratis). Udah tinggal download aja.
    Reply
  • Erwin
    Erwin
    21 يوليو, 2023
    semoga kedepannya ada untuk versi wordpressnya juga :)
    Reply
  • Aiyan Dzi
    Aiyan Dzi
    19 يوليو, 2023
    The theme is well designed but i found two things you should include first There is no button to return home when someone is reading your article if he wish to come back how can he come directly second you have provided the dark theme button inside the menu so if someone is new how can he know that and a simple advice the dark theme colour you used is not in black it is blue you can use black shades to look it more beautiful
    • Aiyan Dzi
      Igniel
      19 يوليو, 2023
      Just simply click the header to go back to home 😃
    • Aiyan Dzi
      Aiyan Dzi
      20 يوليو, 2023
      Nice bro but how new user should know
    • Aiyan Dzi
      Igniel
      04 أغسطس, 2023
      It's very common in many sites, including social media like Facebook and Twitter. The difference is, they use "back button" instead of clickable header. But the action and the position are exactly the same. It's natural for users to go back to home by clicking it.
    • Aiyan Dzi
      Aiyan Dzi
      05 سبتمبر, 2023
      Great Thinking
    Reply
  • Ehsaaan
    Ehsaaan
    09 يوليو, 2023
    أزال المؤلف هذا التعليق.
  • Huyền Cương Cư Sĩ
    Huyền Cương Cư Sĩ
    17 يونيو, 2023
    Cara menggunakan semua fungsi di atas. tolong bimbing
    • Huyền Cương Cư Sĩ
      Igniel
      17 يونيو, 2023
      Restricted only to members who have purchased this theme.
    • Huyền Cương Cư Sĩ
      Huyền Cương Cư Sĩ
      24 يونيو, 2023
      I want to buy this theme. please guide me to buy
    Reply
  • smiley
    smiley
    15 يونيو, 2023
    iigig
    Reply
  • İsmail Şevik
    İsmail Şevik
    11 يونيو, 2023
    Wouldn't it make more sense to sell this theme through platforms such as Etsy, Gumroad?
    Reply
  • Vèo Blogger
    Vèo Blogger
    25 مايو, 2023
    Cho tôi một bản template qua Paypal nhé!
    • Vèo Blogger
      Igniel
      26 مايو, 2023
      English please.
    • Vèo Blogger
      DetRo
      09 يوليو, 2023
      Mksudnya dia: Beri saya template melalui Paypal
    Reply
  • Exami Result
    Exami Result
    20 مايو, 2023
    What is Multiple Tabs with Unlimited Source Code?
    • Exami Result
      Vèo Blogger
      25 مايو, 2023
      Theme đẹp
    Reply
  • Admin Blog
    Admin Blog
    11 مايو, 2023
    Mbak kalau boleh request, tolong tambahkan pop up cookie dan guide list. Terimakasih.
    Reply
  • ExamiResult
    ExamiResult
    05 مايو, 2023
    how to make Mega Menu In blogger.
    Reply
  • İsmail Şevik
    İsmail Şevik
    28 أبريل, 2023
    By the way, why did you delete the Igniel blog?
    Reply
  • Ray Almalik Ernando
    Ray Almalik Ernando
    27 مارس, 2023
    Mba aku mau tanya biar bisa muncul daftar isinya gimana ya pada di postingan
    • Ray Almalik Ernando
      Igniel
      28 مارس, 2023
      Daftar isi otomatis muncul jika jumlah heading (h2 / 3 / h4) ada lebih dari satu.
    Reply
  • Elanaus
    Elanaus
    23 مارس, 2023
    mbak ini ada versi AMP nya ndak? :((
    • Elanaus
      Igniel
      28 مارس, 2023
      Belum ada kak 🙏🏻
    Reply
  • Elanaus
    Elanaus
    23 مارس, 2023
    أزال المؤلف هذا التعليق.
  • Hamzah
    Hamzah
    13 مارس, 2023
    Mbak mau nanya, di template ini bisa ga di bagian postingannya jadi fullpage, jadi sidebar hidden, terimakasih sebelumnya mbak
    • Hamzah
      Igniel
      28 مارس, 2023
      Iya bisa kak
    Reply
  • Caffs
    Caffs
    13 مارس, 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 مارس, 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 مارس, 2023
      I do. Since the very first day in 2019. Di member area khusus.
    • Servour
      Igniel
      10 مارس, 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 مارس, 2023
      Sweet. Thanks for convincing me to buy this. I'll contact you shortly after I'm ready to make the purchase.
    Reply
  • JG
    JG
    07 مارس, 2023
    Mba kalo yg dulu udh beli yg v2 apa harus bayar full untuk v3 nya
    • JG
      King Rockson
      20 مارس, 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 مارس, 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 فبراير, 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 فبراير, 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 فبراير, 2023
    Gilaa keren banget sih ini
    Reply
  • Idenesa Media
    Idenesa Media
    28 فبراير, 2023
    أزال المؤلف هذا التعليق.
    • Idenesa Media
      Igniel
      28 فبراير, 2023
      Terima kasih banyak 🙌
  • Admin
    Admin
    25 فبراير, 2023
    Kapan rilis nih udah gak sabar
    • Admin
      Igniel
      28 فبراير, 2023
      Sudah rilis di 27 Februari 2023 ya kak.
    Reply
  • Tehnosia Web
    Tehnosia Web
    23 فبراير, 2023
    Kapan Rilis Versi 3 nya
    • Tehnosia Web
      Igniel
      28 فبراير, 2023
      Sudah rilis di 27 Februari 2023 ya kak.
    Reply
  • SouletZ
    SouletZ
    19 فبراير, 2023
    kapan terbitnya ini ka
    • SouletZ
      Igniel
      28 فبراير, 2023
      Sudah terbit di 27 Februari ya kak.
    Reply