Change your Bullet Style in Blogger

How to Change your Default Bullet style in blogger? would you ever like to make your content or article more stylish than ever? by simply changing the bullet style? now i can help you with that , Just follow each and every easy and simple step

•     Blogger > Layout > Edit HTML

•     Search For ]]></b:skin>

•     and just above ]]></b:skin> add the code below

.post ul {list-style:none;

}

.post ul li { 
    line-height: 1.4em; 
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0R73diBZThIA9yUbglNV8RPY6r2wehcsahaXceahXnuv_nQP70vpTEvM798w44l-9NDqFUyzeT2BNwdLeWqB9shyJopCYRtOaEMsPXZUPVHvLbQj8g8YK_6DNCickCqQ8NejUzoN-w4o/s400/265.gif) 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/AVvXsEjqMYwTC0gCM9MR1UnTzGJzw2fq-OxzbyaRoNjqiqNVRziXSjDEHp3rX4sC67BMb7Iuc3q-FE-zZOVU-Mbn2KP8WALUagD1ez-bn9tD2Jpnn9syrSZJ1x7Z9oE_JT6uS5cQ-nj5ZCfpjXs/s400/261.gif) no-repeat scroll 0px 4px;

}

 

customization

The bullet image can be aligned horizontally with the text by increasing or decreasing the value4px. You can change the value to 7px or more or less according to your blog alignment requirement.

You can also replace the bullets above with your own. To get a bullet of your own choice download up to 231 seductive bullets by subscribing to this blog.

Note:- Subscribers have already been emailed the Download copy

Once you have selected your preferred bullet simply upload it to blogger and replace the above two links (Green and Blue) with the URLs of your own bullets.

Google Type

Google Type

Like Our Post ? Please share

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →