http://picasion.com

rss

Cari Sepatu Keren??

Cara Memodifikasi Bullet List dan Numbered List di Blogger Post

bullet, numbered
Biasanya di Blogger Post hanya menyediakan satu bentuk saja baik bullets maupun numbered. Di sini saya akan berbagi bagaimana cara memodifikasi bullets dan numbered list pada blogger post supaya lebih variatif atau dalam kondisi tertentu mungkin kita membutuhkannya. Berikut cara praktis Memodifikasi Bullets dan Numbered di Blogger Post:
Numbered List
Ketika anda menulis post di tab "compose" kemudian anda ingin membuat numbering di posting anda dengan menekan tombol "Numbered list" maka hasilnya setiap item akan terlihat 1, 2, 3 dan seterusnya 



Terkadang kita ingin bentuk lain misalkan bentuk A, B, C, dan seterusnya atau bentuk angka romawi I, II, III, dan seterusnya. Untuk merubahnya sangat sederhana, setelah anda menekan tombol numbered list seperti pada gambar di atas maka silahkan rubahlah post editor dari "compose" ke "Edit HTML"  maka anda akan melihat kode seperti di bawah ini.

How to bake a chocolate cake

<ol>
<li>Preheat oven.</li>
<li>Sift together flour, baking powder, baking soda, cocoa and sugar.</li>
<li>Add water and oil.</li>
<li>Add eggs, milk and vanilla.</li>
<li>Pour batter into pan.</li>
</ol>
Selanjutnya anda tinggal menambahkan pada tag <ol> menjadi seperti ini <ol type="A"> maka hasilnya akan seperti berikut

<ol type="A">
<li>Preheat oven.</li>
<li>Sift together flour, baking powder, baking soda, cocoa and sugar.</li>
<li>Add water and oil.</li>
<li>Add eggs, milk and vanilla.</li>
<li>Pour batter into pan.</li>
</ol>

Silahkan klik compose maka hasilnya seperti terlihat pada gambar berikut

Bullet List
Bagaimana dengan merubah bullet? hampir sama dengan cara di atas silahkan anda membuat daftar yang sudah diberi daftar bullet, lihat gambar di bawah ini

Kemudian ganti dari tab "Compose" ke "Edit HTML" maka akan terlihat kode seperti ini.

Ingredients

<ul>
<li>all purpose flour</li>
<li>baking powder</li>
<li>baking soda</li>
<li>cocoa</li>
<li>sugar</li>
<li>water</li>
<li>oil</li>
<li>eggs</li>
<li>milk</li>
<li>vanilla</li>
</ul>

Silahkan tambahkan tag <ul> menjadi seperti
<ul type="circle">
atau
<ul type="square">

Selamat mencoba sobat.



.::Related Posts:

4 comments:

Sodikin Kurniawan on Sunday, August 08, 2010 9:22:00 PM said... Reply

Wah mantab pak.. buat pemula sepeti saya, maksih info ane malah baru tahu. nice post!

hamz on Monday, August 09, 2010 7:29:00 AM said... Reply

sama-sama sob..saya yng banyak belajar dari blognya kang sodyc

IMAM SUGIHARTO on Sunday, August 29, 2010 7:35:00 PM said... Reply

Kalau mau bulet dengan gambar gif bisa gak??

hamz on Thursday, September 02, 2010 2:40:00 PM said... Reply

@IMAM SUGIHARTO
silahkan anda coba dengan icon dan masukan kode htmlnya...


Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

http://picasion.com/i/1TFa9/

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!