Help:Panduan/Infobox

From Bencanapedia.ID
Revision as of 12:33, 23 March 2017 by Webmaster (talk | contribs) (Cara Membuat Infobox)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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

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

  1. Judul Infobox - Ubah "JUDUL BOX" sesuai nama tokoh, organisasi, atau kejadian/event.
  2. Foto/Gambar - Setelah Upload file, ubah "JUDUL FOTO" sesuai dengan destination-name
  3. Ukuran Foto/Gambar - Set ukuran lebar foto/gambar. Default/maksimal lebar adalah 290px. Kecilkan ukuran jika dirasa ukuran 290px terlalu besar atau tidak proposional.
  4. Heading" - Sebaiknya ditulis bukan CAPITALIZE. Contoh: "Kependidikan", bukan "KEPENDIDIKAN"
  5. Sub-heading" - Sebaiknya ditulis bukan CAPITALIZE. Contoh: "Istri", bukan "ISTRI"
  6. 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

Example.jpg

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