Testing: Custom Formatting Styles

Table of Contents

Di bawah ini adalah beberapa custom formatting style yang dapat digunakan di dalam postingan.

#1 Tombol-tombol

a. Tombol Primary

Kode Tombol Default:

Kode Tombol Download:

Kode Tombol WhatsApp:

Kode Tombol New Tab:

a. Tombol Secondary

Kode Tombol Default:

Kode Tombol Download:

Kode Tombol WhatsApp:

Kode Tombol New Tab:

#2 Kotak Notifikasi

a. Informasi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras pulvinar mattis eros. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Kode:

konten

b. Peringatan

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras pulvinar mattis eros. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Kode:

konten

b. Galat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras pulvinar mattis eros. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Kode:

konten

#3 Gambar Grid

a. Dua Kolom

Kode:

a. Tiga Kolom

Kode:

#4 Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kode:

  
Pertanyaan?
  

    

      Jawaban
    
  
  
Pertanyaan?
  

    

      Jawaban
    
  
  
Pertanyaan?
  

    

      Jawaban
    
  

#5 Slider

a. Slider Gambar

Kode:

b. Slider Bukan Gambar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod risus eu nibh laoreet, a mollis lorem accumsan. Donec vitae leo at tellus sodales faucibus vel id magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Mauris fermentum ipsum eget tellus molestie, at consequat vel, viverra ornare. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Nulla vitae elit libero. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante blandit, a sodales nisl vehicula. Sed elementum tempus egestas. Suspendisse potenti. Nulla facilisi. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Kode:

  

    
Konten Slider 1
    
Konten Slider 2
    
Konten Slider 3
  

#6 Syntax Highlighter

a. Contoh menampilkan kode HTML

Hello World!

Kode:

kode HTML yang sudah diparse

b. Contoh menampilkan kode CSS

body {
    font-family: Arial, sans-serif;
    color: #333;
}

Kode:

kode CSS yang sudah diparse

c. Contoh menampilkan kode JavaScript

// the hello world program
console.log('Hello World');

Kode:

kode JS yang sudah diparse

d. Contoh menampilkan kode Python

# This program prints Hello, world!
print('Hello, world!')

Kode:

kode Python yang sudah diparse

#7 Lazy Load Youtube

Kode: