Change Boring Default Bullet Point Style In Blogger - Replace Bullet With Image

Replace Default Bullet List Point Into Image On Blogger

 

 How To Use Images For List Bullet Points On Your Blog

Today when I was thinking do to something awesome with Css then suddenly i saw bullets default blogger bullets are not looking so good so I decided to add images instead of bullets.

If you want to change blogger default bullets then find beautiful image but remember size of image should be very less or you need to add padding in Css code.

 How To Use Images For List Bullet Points On Your Blog

• Go To Blogger Dashboad
• Click On Template Tab.
• Now Click on Customize button.
• Now Select Advance Tab.
• Now scroll down and you will see Add Css Option Click On It And Paste blow code There

 Watch Video Tutorial To Change Blogger Bullet List Point Style

.post ul li {
list-style-image:url('Bullets-Image-URL');
}

Replace Bullets-Image-URL With Your Bullets Image URL and save it.


Some Ready Made Bullets Code Just Paste below code in your blog Css

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vo_p2KmjHGEeDDsq2IsyBf5X9wKDnQt5O8dsbiiyMvzxMMeTqNyHLCN9f9eNN2vQCFouFBM1yR0qWfXofDDlnwAz5r7Ge4H150QsWc99lnDSLMPPTTe438LSe_Yk65K4AlIe9tT7wOAE/s1600/11-dot-green.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYVeTlUdVGlijPYZ_YEf0bfrlM7cyh-QFQTHVB7qPMQf0pDgwmFop87AY9UYY82pYgmHwI3r96kBB25nmSvPan7P8N0gVfeNTxEdv7nW6b-eWbKKkD9qCR_M0rSbf4ypdUVPfgdYpD9FM/s1600/bullet_page_white.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHCad3GJXZJm-weLmTzZnjIJH5ZnzmSKotpR611yRf2FI2zDZmetIDege4Zm5HECevHK9X4jnXM4H58UOLyg5BBRfTLeLsQJvt6jpppKfVo8ACtUno8M0rIrcg1_1iPB1YpT9Ck5GZxyCu/s1600/bullet_blue_arrow.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8BsVDZNKkibCLIdt6O5z9UBGZb0p0CPRb2_58Y_50UHP_jl8_sP4Fy1bqfljhlDKzk1fWjve75Fi8aeVIrTvbUEJWQco6LBfaEGVrIgHKgtq8s0vWMCRobdsTbHwtInqdIQnrU9cDEtJ/s1600/bullet_error.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuTVRQnFOscmoXRAfJXJydCEAAHQ2OqEX2h6l7AfCXosNQZBGfC2885kWIyCNn9GMBT0hGABZqdq24Exwpb6y5MsJV-OG09s_6rZ4ucLA2BlfHFy34FyXU90RYkwwnVWW1UFz7kX783-fv/s1600/bullet_home.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSDtv486F_O7YM6sGJwb5CrWpqFhmvZMFmguNEfkxSjgr_hUxuHtjRgzW2PQeQtHRervIGl0-npSAIQth7ibgDYlmP7TASOg52Wy4dw3ZguY6748jhUGJolYJxtybZB9D6IcPzHBvHiRU/s1600/bullet_tick.png');
}

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNpe5_Vxo2u58nbheGD1S1mfC28F07nWwhG6-F20uolc59Y9Rry1M4LcNHo2ina_OvirEmpDy1S-3TtkL2XUo7WXICj_gHVQywS4S6Z7R0taFonEOXvS5ZoS54yYvgLQ0DG8MOAJ7Gdlh0/s1600/chrome_icon.gif');
}

Comment And Share If You Like This Post Please!!!!