Percantik Bullet dan numbering list pada posting blog

Membuat tampilan blog menjadi lebih unik,modis merupakan kebutuhan pokok dari para blogger sekarang setelah artikel posting , mencari ilmu sana-sini demi tampilan blognya menjadi lebih unik.
sebenarnya tak perlu keseluruhan dalam memodif template blog, blog yang unik juga bisa kita buat melalui merubah/memodifikasi hal-hal ataupun element-element yang kecil dari blog misalnya bullet and numbering kita bisa mengganti simbol default dari bullet numbering tersebut dengan icon yang kita suka demonya bisa anda lihat pada bullet and numbering yang saya pakai.

Tutorial

1. Langkah pertama masuk e akun blog anda
2. Masuk dari menu dashboard ke Template kemudian pilih EditHTML
3. Dengan menggunakan Ctrl+F anda cari kode ini ]]></b:skin>
4. Jika sudah ketemu Kemudian masukan 2 buah kode ini di atasnya

Kode #1 : kode bullet list + efek hover

.post ul {
margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-1FqR4WTE5ESWIFZiKEQtOoX0jSqFjPjEIJ34AdLpiZNUCAI_S1AhVn5LA2Ilry-_0CDB8YwthJjad6WoIYTWLjP5XLGFrhSwB3_51tzYFrj9W4hmuLb2TKaAFaxyIYaHHlNZvebLp0Q/s1600/shinemat-bullet-brown.png);}
.post li {
margin: 0 0 0 10px;padding: 3px;}
.post li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_ak9sg_xDMbeX5z_wsYJ14LXBXQJjMpQgcSL3eghLI85QBjl8uw0P26cZyVd2zw9ExjPV1z6x-afAZBvgSwkwW79jmmOYBZa86i1x0_cEfEGGQx5MWCI-B4YINo8FgHcECUUFbjjDdpk/s1600/shinemat-bullet-brown.png);cursor: pointer;}

Kode #2 : Kode numbering list + efek hover

.post ol {
font-family: sans-serif;
color: #706969; }
.post ol li {line-height: 1.2em;font-family: sans-serif;color: #289728; }
.post ol li:hover {font-family: sans-serif;font-style: italic;font-weight: bold;color: #0080ff; }
.post ol p {font-family: sans-serif;font-weight: normal;font-style: normal;color: #0F0E0E;line-height:1.2em;}

KET :
# Kode yang berwana biru adalah  URL icon yang dapat anda ganti dengan icon sesuka anda     # Kode yang berwarna merah adalah jenis font yang di gunakan
#Kode yang berwarna kuning adalah warna font

Beberapa Icon bullet & numbering :

untuk melihat URL nya silahkan anda klik kanan kemudian copy link location

Last note

Silahkan anda modif dengan kreasi anda,Untuk Icon lainnya dapat anda cari sendiri di om google masih banyak kok . Jika anda masih kesulitan silahkan tinggalkan pesan anda di bawah komentar ini Semoga dapat membantu , mungkin anda juga ingin membaca mempercantik tampilan label tag cloud :c:

Referensi : Ujangyoyo.blogspot.com