When we are writing blogger post then we, sometimes, have some points in the post for which we use bullets. Applying bullets make these points different from other contents. If you want to show these bullets more stylish and attractive then use the following method. It is very simple and easy.

• Go to Blogger Dashboard and Select Template

• Now Click on Customize option

• Now Click On Advanced and paste the following css code and then clic on Apply to Blog

.post ul li {
    line-height: 1.4em;
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnq4b6Rl9dxDhx43uZIKaZbSsVhsQekN5hvv9B6vesMxIJyV7iy_QCb8bhk44w2oaJI8fwW0_MKtPIbO2vvI5tHx2V830KzuqZYM4cs8ZXuJWVCZ0Lzw0H4qRo1pO8ytUPV5-ZWAGZdJAh/s1600/1.png) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}

.post ul li:hover {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAX7BHDJR-GvKR-tXiv5e_yMaGP9JrfmOKSDjrCLdA0ANBR8hbRSxCXjzCh4zEgOolltRKHe2WJFcGRshc3Z_VoHi0OFiSGDpg41LAW4hky-PDGu2G4b9zmGXyNG5JxpzbxUyPgY2aArce/s1600/2.png) no-repeat scroll 0px 4px;

}

• Blue and Green URL are for bullets, you can make your own bullets with size 9x9 pixels.

Author: Muhammad Faheem Usama