Notes Box

Note box pada web blog adalah elemen visual yang digunakan untuk menyoroti informasi esensial yang ingin kita sampaikan, atau berupa informasi penting yang menarik perhatian pembaca ke poin tertentu dalam konten

Note box biasanya tampil lebih menonjol dari teks utama blog dengan menggunakan latar belakang berbeda, warna kontras, border, atau ikon sebagai ciri identitasnya

Tampilan Box Note

1. Notes Box Standar

Catatan!

Komputer tak pernah salah. yang terjadi manusia-manusia yang mengoperasikannya, yang sering membuat kesalahan

2. Notes Box Informasi

Informasi!

Mata kuliah Basis Data yang semula berjadwal pada hari Rabu, pukul 10.00-12.00 WIB, diubah menjadi hari Kamis, pukul 14.00-16.00 WIB

3. Notes Box Tips

Tips Menabung!
• Tentukan tujuan keuangan Anda.
• Buat anggaran dan patuhi anggaran tersebut.
• Kurangi pengeluaran yang tidak perlu.
• Cari sumber pendapatan tambahan.
• Investasikan uang Anda.

4. Notes Box Larangan

Warning!

Bagi yang tidak berkepentingan dilarang masuk

coding adalah angka-angka yang rumit yang menghasilkan sesuatu yang menakjubkan seperti seni sulap yang menghasilkans sesuatu yang mengherankan dari sisi yang berbeda

Cara Penggunaan

 
<div class="note"><!--[note/note info/note tips/note jgn]-->
    <p>Writing Note Here!</p>
    </div>

Teks Box dan Warna

Box default : Palestina memiliki hak untuk hidup damai di tanah mereka sendiri

Box Biru : Palestina memiliki hak untuk hidup damai di tanah mereka sendiri

Box Hijau : Palestina memiliki hak untuk hidup damai di tanah mereka sendiri

Box Merah : Palestina memiliki hak untuk hidup damai di tanah mereka sendiri

Box Kuning : Palestina memiliki hak untuk hidup damai di tanah mereka sendiri

Penggunaan Code

 
<div class="box blue"> <!--Try: [box/blue/green/red/yellow]-->
Your_Text_Here
</div>

---

Baca Juga