Help:Panduan/Infobox

Infobox adalah kotak yang berisi ringkasan berupa poin-poin dari sebuah artikel. Umumnya digunakan untuk halaman tentang Tokoh, Organisasi, Kejadian bencana, dan lainnya.

Contoh laman dengan Infobox

• Laman tokoh: Eko Teguh Paripurno
• Laman organisasi: BNPB
• Laman kejadian/event:

Cara Membuat Infobox

Langkah	Keterangan
1. Copy dan Paste kode berikut ini:	<div style="width:300px; float:right; clear:right; margin-left:15px; border:1px solid #999999; background-color:#f8f8f8; text-align:center;"> <div style="padding:0.3em; background-color:#f8f8f8; font-size:110%;">'''JUDUL INFOBOX''' [[File:JUDUL-GAMBAR.jpg | 290px]] </div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 1'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> '''Sub-heading 1.A'''<br /> Konten 1<br /> Konten 1<br /> '''Sub-heading 1.B'''<br /> Konten 2<br /> Konten 2<br /> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 2'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> '''Sub-heading B.1'''<br /> Konten 3<br /> Konten 3<br /> '''Sub-heading B.2'''<br /> Konten 4<br /> Konten 4<br /> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 3'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> Konten 5.1<br /> Konten 5.2<br /> Konten 5.3<br /> </div> </div>
2. Editing Menu Infobox	Judul Infobox - Ubah "JUDUL BOX" sesuai nama tokoh, organisasi, atau kejadian/event. Foto/Gambar - Setelah Upload file, ubah "JUDUL FOTO" sesuai dengan destination-name Ukuran Foto/Gambar - Set ukuran lebar foto/gambar. Default/maksimal lebar adalah 290px. Kecilkan ukuran jika dirasa ukuran 290px terlalu besar atau tidak proposional. Heading" - Sebaiknya ditulis bukan CAPITALIZE. Contoh: "Kependidikan", bukan "KEPENDIDIKAN" Sub-heading" - Sebaiknya ditulis bukan CAPITALIZE. Contoh: "Istri", bukan "ISTRI" Konten - Sebaiknya ditulis sesuai EYD. Gunakan koda <br /> <code> untuk awalan konten baru.

---

Contoh Penggunaan Infobox

Penulisan

Hasil/Tampilan

<div style="width:300px; float:right; clear:right; margin-left:15px; border:1px solid #999999; background-color:#f8f8f8; text-align:center;"> <div style="padding:0.3em; background-color:#f8f8f8; font-size:110%;">'''Judul Infobox''' [[File:Example.jpg | 290px]] </div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 1'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> '''Sub-heading 1.A'''<br /> Konten 1<br /> Konten 1<br /> '''Sub-heading 1.B'''<br /> Konten 2<br /> Konten 2<br /> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 2'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> '''Sub-heading B.1'''<br /> Konten 3<br /> Konten 3<br /> '''Sub-heading B.2'''<br /> Konten 4<br /> Konten 4<br /> </div> <div style="padding:0.3em; background-color:#ddd; font-size:0.9em; font-family:sans-serif;">'''Heading 3'''</div> <div style="padding:0.3em; line-height:1.5em;font-size:90%;"> Konten 5.1<br /> Konten 5.2<br /> Konten 5.3<br /> </div> </div>

Judul Infobox Heading 1 Sub-heading 1.A Konten 1 Konten 1 Sub-heading 1.B Konten 2 Konten 2 Heading 2 Sub-heading B.1 Konten 3 Konten 3 Sub-heading B.2 Konten 4 Konten 4 Heading 3 Konten 5.1 Konten 5.2 Konten 5.3

---