Wednesday, February 14, 2018

Macam Bentuk Numbered List Dan Bullet List

Macam Bentuk Numbered List dan Bullet List yang dapat digunakan di blogger. Cara menggunakannya lihat dibawah ini.
  1. Buatlah entri gres atau edit artikel lama
  2. Dan Klik Numbered List 
  3. Lalu klik bab HTML di sebelah Compose.
  4. Terus ganti isyarat <ol> dengan salah satu isyarat dibawah.
  5. Terakhir kembali ke Compose, maka tampilan numbered list akan berubah.
  6. Untuk Bullet list, klik bullet list, kemudian lihat pada bab HTML 
  7. Dan ganti isyarat <ul> dengan salah satu isyarat bentuk bullet list dibawah.
Macam Bentuk Numbered List
  1. Bentuk Dasar, <ol> Tanpa Edit HTML
  1. Mulai dari angka 8, Ganti isyarat <ol> dengan <ol start="8">
  2. Setelah dienter, maka akan berlanjut ke nomor 9 dan seterusnya, ibarat goresan pena ini.
  1. Dalam Bentuk Huruf Besar, <ol type="A">
  1. Dalam Bentuk Huruf Kecil, <ol type="a">
  1. Dalam Bentuk abjad atau angka romawi, <ol type="I">
  1.  Angka romawi abjad kecil, <ol type="i">
  1. Angka Romawi Besar dimulai dari angka 5, <ol type="I" start="5">
  2. 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 teladan gambar dibawah ini.
 Macam Bentuk Numbered List dan Bullet List yang dapat digunakan di blogger Macam Bentuk Numbered List dan Bullet List
Contoh gambar
Dari gambar diatas Tampilan numbered list, rata dengan kalimat yang ditulis ibarat menulis biasa diblog, diatur memakai 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 semoga tampilan numbered list rata dengan goresan pena biasa.
  1. Login ke blogger, dari halaman dasbor, pilih pengaturan template.
  2. Terus edit html, dan cari isyarat ]]></b:skin> kemudian letakan isyarat berikut ini diatasnya.
  3. .post ol {
    padding:0px 24px 0px;
    width:96%;max-width:100%;}
  4. Keterangan kode: padding:0px 24px 0px; Rata Kiri dan width:96%;max-width:100%; Rata Kanan.
  5. Jika belum rata, Ganti 24px dan 96% semoga rata dengan tampilan posting kamu.
  6. Save template, selesai.
Pada dikala menulis, tampilan numbered list tetap ibarat biasa, tetapi jikalau sudah dipublikasikan, maka tampilannya akan berubah, rata dengan goresan pena biasa. Preview dulu goresan pena untuk melihat hasilnya.
Itulah sedikit tips trik menulis artikel memakai numbered list dan bullet list di blog, silakan baca juga tips trik menulis artikel di blog memakai numbered list yang disisipkan gambar, atau isyarat script ditengah-tengahnya. Semoga Bermanfaat.
Share:

0 comments:

Post a Comment