Pada kesempatan kali ini saya akan memberikan tips bagaimana Cara Mudah Merubah Bullet List Dan Number List Pada Postingan Blogger. Selain mengganti anda juga bisa merapikan jarak posisi dan spasi pada bullet list dan number list tersebut.
Untuk cara mengganti bullet dan number list pada postingan blog saya akan mencoba memberikan banyak alternatif yang bisa anda gunakan sebagai pilihan. Anda pilih sesuai dengan keinginan anda. Bagi anda yang belum memahami apa itu Bullet list dan Number list disini saya akan menjelaskan nya secara singkat dan sederhana.
Bullet list dan Number list merupakan suatu bagian yang terpenting ketika kita membuat postingan pada website maupun blog. Bullet list atau number list biasanya digunakan saat menjelaskan sesuatu pada artikel yang memiliki poin-poin penting atau menjelaskan step-step pada tutorial.
Biasanya secara default bullet list pada postingan blog seperti wordpress dan blog berbetuk bulat. Mungkin anda bosan melihat bullet list seperti ini dan ingin memodifikasinya menjadi bentuk yang anda inginkan seperti, bentuk kotak, tanda cek list, dan lain sebagainya.
Cara Mudah Merubah Bullet List Dan Number List Pada Postingan Blogger
1. Masuk di akun blogger sobat, kemudian pilih Template > Edit HTML
2. Cari kode berikut ]]></b:skin>. Untuk memudahkan pencarian silahkan tekan CTRL+F
3. Jika anda menemukan kode ]]></b:skin> silahkan pastekan kode css berikut tepat di atasnya
.post ul,.post ol{margin:20px;margin-top:5px}
.post ol li{list-style-type:Decimal;padding-left:1px;margin:5px 0 0 20px}
.post ul li{list-style-type:Circle;padding-left:1px;margin:5px 0 0 20px}Keterangan :
- Margin 20px : Untuk mengatur jarak antara List dan tepi postingan. atur saja sesuai template pada blog anda.
- Decimal : Merupakan kode Number list, silahkan anda ganti sesuai keinginan
- Circle : Merupakan kode untuk Bullet list, circle merupakan kode untuk bullet list berbentuk bulat. Jika anda ingin menggantinya silahkan ganti nama circle sesuai dengan bentuk yanga nda inginkan. Untuk kode bullet list bentuk yang lain bisa anda lihat di bawah.
Berikut bentuk dan nama dari Bullet list dan Number list :
Numbered List
1. Decimal
2. Decimal
01. Decimal-leading-zero
02. Decimal-leading-zero
I. Upper-roman
II. Upper-roman
i. Lower-roman
ii. Lower-roman
α. Lower-greek
β. Lower-greek
ʖ. Georgian
ъ. Georgian
a. lower-latin/Lower-alpha
b. lower-latin/Lower-alpha
A. Upper-latin/Upper-alpha
B. Upper-latin/Upper-alpha
Ա. Armenian
Բ. Armenian
None
None
Bullet List
● Disc
○ Circle
■ Square
Demikian tutorial bagaimana Cara Mudah Merubah Bullet List Dan Number List Pada Postingan Blogger. Bila anda kesulitan dalam menerapkannya pada blog anda, silahkan meninggalkan pesan anda pada kolom komentar di bawah. Semoga informasinya bermanfaat dan sampai jumpa.