Cara Buat Ordered Numbered List dan Bullet
Cara membuat numbered ordered list bullet unordered button list memakai angka huruf kecil kapital romawi nested ordered list html css whos.amung.us adalah layanan gratis website tracker dan online counter yang berfungsi untuk menampilkan berapa jumlah pengunjung yang sedang online saat ini.
Sabtu, 17 Januari 2015
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
- Ordered List Numbering
- Unordered List atau Bullet List
- Ordered List tidak tampil di Posting Blogger
- Membuat Ordered List Manual di Posting
- Cara Membuat Unordered List di Posting
- Membuat Bullet List Secara Otomatis
- Ordered list sederhana
- Ordered List dengan sub-ordered list
- Unordered list sederhana
- Unordered list, Sub-Unordered list dan Sub-sub-unoredred list
- Ordered List dengan Angka, Huruf, Angka Romawi
- Cara Membuat Nested Ordered List yang Baik
- Cara Pasang Kode Statistik whos among us
#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. - Ordered list 1
- Ordered list 2
- Ordered list 3
- Ordered list 1
- Ordered list 2
- Ordered list 3
- Pertama
- Kedua
- Ketiga
- Keempat
<ol> <li>Pertama</li> <li>Kedua</li> <li>Ketiga</li> <li>Keempat</li> </ol>
B. Ordered List dengan sub-ordered list - Ordered List 1
- Ordered List 2
- Sub-Ordered List 1
- Sub-Ordered List 2
- Sub-sub Ordered List 1
- Sub-sub Ordered List 2
<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
<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
<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, ...) - Ordered list mulai dengan "a" kecil
- Ordered list mulai dengan A besar
- Ordered list mulai dengan "i" kecil
- Ordered list mulai dengan "I" besar besar
<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 ________________________________ 
<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 
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.