Sabtu, 17 Januari 2015

Cara Buat Ordered Numbered List dan Bullet

Ordered List Unordered List

Cara membuat Bullet Numbering ordered list (daftar nama dengan nomor urut) dan unordered list (daftar nama dengan bulatan atau kotak) dan contoh kode-kodenya di posting Blogger Blogspot dan Wordpress
Oleh Tim Multimedia Ponpes Al-Khoirot

DAFTAR ISI
  1. Ordered List Numbering
    1. Unordered List atau Bullet List
    2. Ordered List tidak tampil di Posting Blogger
    3. Membuat Ordered List Manual di Posting


    4. Cara Membuat Unordered List di Posting


    5. Membuat Bullet List Secara Otomatis


    6. Ordered list sederhana


    7. Ordered List dengan sub-ordered list


    8. Unordered list sederhana


    9. Unordered list, Sub-Unordered list dan Sub-sub-unoredred list


    10. Ordered List dengan Angka, Huruf, Angka Romawi


    11. Cara Membuat Nested Ordered List yang Baik


  2. Cara Pasang Kode Statistik whos among us
    1. Cara Pasang Tombol Lain
    2. Widget whos.amung.us Ada Virusnya?
Apa itu ordered list Ordered list atau numbering/numbered list adalah susunan daftar kalimat berdasarkan nomor urut. Contoh Ordered list atau numbered list:
ordered list blogger
Apa itu Unordered list Sedang unordered list atau bullet list adalah susuan daftar kalimat atau kata tidak berdasarkan nomor urut tapi berdasarkan bundaran (bullet) atau kotak kecil (square). Contoh Unordered list atau Bullet List:
unordered list blogger
Apabila ingin menampakkan bullet list atau numbered list di posting Blogger Blogspot tapi tidak berhasil, maka tambahkan kode berikut
#Blog1 ul{ margin-left: 20px; } #Blog1 ol{ margin-left: 25px; }
Letakkan kode tersebut persis di atasnya kode </b:skin > yang terletak di Rancangan -> Edit HTML Cara Membuat Ordered List (Numbering) Secara Manual 1. Klik Posting atau Entri Baru dan klik Edit HTML 2. Copy kode di bawah ke kotak posting blog Anda. Tambahkan sesuai kebutuhan.
  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3
Cara Membuat Ordered List (Numbered List) Secara Otomatis 1. Klik Posting atau Entri Baru dan klik COMPOSE 2. Klik menu ordered list yang ada di atas kotak posting (lihat gambar)
ordered list blogger
3. Tulis daftar kata yang ingin ditulis. Cara Membuat Unordered List (Bullet List) Secara Manual 1. Klik Posting atau Entri Baru dan klik Edit HTML 2. Copy kode di bawah ke kotak posting blog Anda. Tambahkan sesuai kebutuhan.
  • Ordered list 1
  • Ordered list 2
  • Ordered list 3
Cara Membuat Unordered List (Bullet List) Sdcara Otomatis 1. Klik Posting atau Entri Baru dan klik COMPOSE 2. Klik menu unordered list yang ada di atas kotak posting (lihat gambar)
unordered list blogger
A. Ordered list sederhana
  1. Pertama
  2. Kedua
  3. Ketiga
  4. Keempat
Kodenya adalah sebagai berikut:
<ol> <li>Pertama</li> <li>Kedua</li> <li>Ketiga</li> <li>Keempat</li> </ol>
B. Ordered List dengan sub-ordered list
  1. Ordered List 1
  2. Ordered List 2
    1. Sub-Ordered List 1
    2. Sub-Ordered List 2
      1. Sub-sub Ordered List 1
      2. Sub-sub Ordered List 2
Kodenya adalah sebagai berikut:
<ol> <li>Ordered List 1</li> <li>Ordered List 2</li> <ol> <li>Sub-Ordered List 1</li> <li>Sub-Ordered List 2</li> <ol> <li>Sub-sub Ordered List 1</li> <li>Sub-sub Ordered List 2</li> </ol> </ol> </ol>
C. Unordered list sederhana
  • Unordered list 1
  • Unordered list 2
  • Unordered list 3
Kodenya adalah sebagai berikut: Ordered list dengan huruf kecil (a, b, c,...)
<ul> <li>Unordered list 1</li> <li>Unordered list 2</li> <li>Unordered list 3</li> </ul>
D. Unordered list, Sub-Unordered list dan Sub-sub-unoredred list
  • Unordered List 1
  • Unordered List 2
    • Sub-Unordered List 1
    • Sub-Unordered List 2
      • Sub-sub Unordered List 1
      • Sub-sub Unordered List 2
Kodenya adalah sebagai berikut:
<ul> <li>Unordered List 1</li> <li>Unordered List 2</li> <ul> <li>Sub-Unordered List 1</li> <li>Sub-Unordered List 2</li> <ul> <li>Sub-sub Unordered List 1</li> <li>Sub-sub Unordered List 2</li> </ul> </ul> </ul>
ORDERED LIST DENGAN ANGKA, HURUF KECIL / BESAR, ANGKA ROMAWI BESAR/KECIL Atribusi dari ordered list dapat merubah ordered list dalam berbagai variasi. Formatnya: <ol type="atribusi"> 1 (angka desimal: 1, 2, 3, 4, 5, ...) a (huruf kecil: a, b, c, d, e, ...)
  1. Ordered list mulai dengan "a" kecil

A (huruf besar: A, B, C, D, E, ...)
  1. Ordered list mulai dengan A besar

i (angka romawi kecil: i, ii, iii, iv, v, ...)
  1. Ordered list mulai dengan "i" kecil

I (angka romawi besar: I, II, III, IV, V, ...)
  1. Ordered list mulai dengan "I" besar besar

Kodenya adalah sebagai berikut:
<ol type="a"> <li>Ordered list mulai dengan "a" kecil <li> </ol>
Ordered list dengan huruf A (huruf besar: A, B, C, D, E, ...)
<ol type="A"> <li>Ordered list mulai dengan A besar <li> </ol>
Ordered list dengan i (angka romawi kecil: i, ii, iii, iv, v, ...)
<ol type="i"> <li>Ordered list mulai dengan "i" kecil <li> </ol>
Ordered list dengan angka romawi besar(I, II, III, IV, V, ...)
<ol type="I"> <li>Ordered list mulai dengan "I" besar <li> </ol>
CARA MEMBUAT NESTED ORDERED LIST YANG BAIK 1. Masuk/login ke blogger.com -> klik blog yang akan diedit 2. Klik Template -> Edit HTML -> Lanjutkan 3. Cari kode </head> 4. Masukkan kode beirkut di atasnya kode no.1
ol { list-style: none; counter-reset: nested; } li { display: block; padding: 2px 0; } li:before { content: counters(nested, ".", decimal) ". "; counter-increment: nested; padding-right: 5px; }
5. Klik Simpan Template. Selesai. Hasilnya, lihat LIVE DEMO ________________________________
Cara Pasang Kode whos.amung.us
whos.amung.us adalah layanan gratis website tracker dan online counter yang berfungsi untuk menampilkan berapa jumlah pengunjung yang sedang online saat ini. Selain itu, ia juga menampilkan artikel terpopuler yang paling banyak dikunjungi visitor pada suatu waktu tertentu. CARA PASANG KODE STATISTIK WHOS.AMUNG.US Bagaimana cara mengambil/mendapatkan kode dan memasang kode statistik jumlah visitor dari whos.amung.us? Kalau anda ingin memasang kode whos.amung.us yang paling kecil, copy dan pasang kode berikut di sidebar blog anda (klik view plain untuk mengcopy):
<script id="_waupd3">var _wau = _wau || []; _wau.push(["small", "biwf03bbido7", "pd3"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>
CARA PASANG TOMBOL KODE STATISTIK WHOS.AMUNG.US YANG LAIN 1. Kunjungi link ini: whos.amung.us/showcase. 2. Klik salah satu dari tombol yang ada. 3. Copy kode yang diberikan dan pasang di blog anda
APAKAH KODE WHOS.AMUNG.US MENGANDUNG VIRUS? Ada beberapa laporan di sejumlah forum bahwa kode widget whos.amung.us mengandung virus. Dalam forum Digitalpoint.com ada yang melaporkan demikian:
If you are not familiar to the 'whos.amung.us' tool, it tracks in real time how many users are on your website. Anyways, I have been using this for MONTHS. Now all of the sudden, I have received several e-mails from AVG Anti-Virus users saying AVG picked up a threat coming from this tool. I have removed this tool, and since then, there have been no virus threats. Has anyone else been experiencing this?
Betulkah whos.amung.us mengandung virus? Menurut pihak resmi, laporan adanya virus dari sejumlah software anti virus itu "false positive" artinya itu laporan palsu dan tidak benar. Dalam tulisan di blog resminya, Christophe dari whos.amung.us mengkonfirmasi bahwa kode dan widget online counter whos.amung.us bersih dari virus. Christopher mengatakan:
Just verified with an installation of Kaspersky AV 2010 that the false positive no longer appears. Thanks to Kaspersky for a prompt response! There have been some reports of other AV programs giving the same positive, if you are getting these notices please contact us so we can work with them to get rid of this false positive. The piece of code causing the issue has been removed until we can get everything sorted out. F-Secure has confirmed this is a false positive as well and has issued an update.

Jadi, bagi pengguna online counter ini tidak usah khawatir situs/blog anda terkena virus.

Dapatkan buku-buku Islam karya A. Fatih Syuhud di sini. Konsultasi agama kirim via email: alkhoirot@gmail.com

Kirim pertanyaan ke: alkhoirot@gmail.com
Dapatkan buku-buku Islam di sini!
EmoticonEmoticon

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.