Macam Bentuk Numbered List dan Bullet List

Macam Bentuk Numbered List dan Bullet List yang bisa dipakai di blogger. Cara menggunakannya lihat dibawah ini. Buatlah entri baru atau edit...

Macam Bentuk Numbered List dan Bullet List yang bisa dipakai di blogger. Cara menggunakannya lihat dibawah ini.

1. Buatlah entri baru atau edit artikel lama
2. Dan Klik Numbered List 
3. Lalu klik bagian HTML di sebelah Compose.
4. Terus ganti kode <ol> dengan salah satu kode dibawah.
5. Terakhir kembali ke Compose, maka tampilan numbered list akan berubah.
6. Untuk Bullet list, klik bullet list, lalu lihat pada bagian HTML 
7. Dan ganti kode <ul> dengan salah satu kode bentuk bullet list dibawah.

Macam Bentuk Numbered List

1. Bentuk Dasar, <ol> Tanpa Edit HTML

8. Mulai dari angka 8, Ganti kode <ol> dengan <ol start="8">
9. Setelah dienter, maka akan berlanjut ke nomor 9 dan seterusnya, seperti tulisan ini.

1. Dalam Bentuk Huruf Besar, <ol type="A">

1. Dalam Bentuk Huruf Kecil, <ol type="a">

1. Dalam Bentuk huruf atau angka romawi, <ol type="I">

1.  Angka romawi huruf kecil, <ol type="i">

5. Angka Romawi Besar dimulai dari angka 5, <ol type="I" start="5">
6. Setelah dienter, maka akan berlanjut ke angka romawi 5 dan seterusnya.

Macam Bentuk Bullet List

• Bentuk dasar bullet list, <ul> tanpa edit html

• Bentuk Bulat sederhana, <ul type="circle">

•  Bentuk Kotak, <ul type="square">

Dan yang terakhir, tips meratakan tampilan kiri-kanan Numbered list. Seperti contoh gambar dibawah ini.

Contoh gambar

Dari gambar diatas Tampilan numbered list, rata dengan kalimat yang ditulis seperti menulis biasa diblog, diatur menggunakan justify rata kiri kanan kalimat. Standar blogger, tampilannya akan ada spasi jarak sehingga tidak sejajar dengan kalimat yang ditulis biasa tanpa numbered list.

Berikut sedikit trik cara agar tampilan numbered list rata dengan tulisan biasa.

1. Login ke blogger, dari halaman dasbor, pilih pengaturan template.
2. Terus edit html, dan cari kode ]]></b:skin> lalu letakan kode berikut ini diatasnya.
.post ol {
padding:0px 24px 0px;
width:96%;max-width:100%;}
3. Keterangan kode: padding:0px 24px 0px; Rata Kiri dan width:96%;max-width:100%; Rata Kanan.
4. Jika belum rata, Ganti 24px dan 96% agar rata dengan tampilan posting kamu.
5. Save template, selesai.

Pada saat menulis, tampilan numbered list tetap seperti biasa, tetapi jika sudah dipublikasikan, maka tampilannya akan berubah, rata dengan tulisan biasa. Preview dulu tulisan untuk melihat hasilnya.

Itulah sedikit tips trik menulis artikel menggunakan numbered list dan bullet list di blog, silakan baca juga tips trik menulis artikel di blog menggunakan numbered list yang disisipkan gambar, atau kode script ditengah-tengahnya. Semoga Bermanfaat.