Customize Blogger Bullet Point Style

Blogger creates templates that allow you to set up your blog quickly and with little design knowledge. Altering the templates is an advanced function, but you can make small changes without any knowledge of HTML. The key to different bullet points is in the style code. Once you know how to access the source code for the template, just enter the name of the shape you want in the list style instructions.

If you’re not quite crazy about Blogger’s default styles for bullet points, then today’s featured tutorial might just be what you’re looking for! It’s going to show how you can replace Blogger’s default bullet styles with images of your own.


Log onto your Blogger account.

Go To Blogger  > Dashboard  >  Template  > Edit HTML ( Don't Forget to  backup Your Template )

search for "]]></b:skin>" and paste the codes above it.

.post ul li { list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdVvYmfAQKBEGv3-SsdtY0llCa6qbkBwe3ZbWc3PlnSGJH8h7p93a2lx9Ni0KiEvNTl2wNdhIk9l2XjBX00zc34nM2XcGktpIk9OSrXCWfSAFGd5UCEwr1nbe-Aozl0lZnfCy5XDID-j6/s1600/bullet-point-image-5.gif'); }

Replace   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdVvYmfAQKBEGv3-SsdtY0llCa6qbkBwe3ZbWc3PlnSGJH8h7p93a2lx9Ni0KiEvNTl2wNdhIk9l2XjBX00zc34nM2XcGktpIk9OSrXCWfSAFGd5UCEwr1nbe-Aozl0lZnfCy5XDID-j6/s1600/bullet-point-image-5.gif   with Bullet Icon URL.