Hi all User last time i told you How To Customize Blogger Sub Heading text and in this tutorial i will tell you how to change Bullet Style of Blogger in easy way
Follow instruction below to customize Bullet Style .
- Login in to Blogger >> go for template html editing
- Find ]]></b:skin> and paste the below code just above/before it
.post ul {list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4FyjKlr8ihXPhqFzWiZ4AR-r523if4X_lR5FO-IRepSy08cIbr2DLyfjBiTZYjdzhyphenhyphenMAezWydmfdva-XeQNb9wXO7Um78fm67RIdXUGZYKOaRr5OLuP3B5OZr1getnoT98bHlnEUhWOM/s400/255.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/AVvXsEg0UNY-i4IxEzUH5kNVVGEuQVbYG5fssqPGtigBbA2GiZ98jHScRT7SkjetXdODzfkrdaRe2gZeFwoM4eBxNXsxykb2BnpK8JMbjaLljqLep4ffA5L_DCwT1eZWPryJ9SY8i7YhVuHiSn4/s400/251.gif) no-repeat scroll 0px 4px;
}
}
.post ul li {
line-height: 1.4em;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4FyjKlr8ihXPhqFzWiZ4AR-r523if4X_lR5FO-IRepSy08cIbr2DLyfjBiTZYjdzhyphenhyphenMAezWydmfdva-XeQNb9wXO7Um78fm67RIdXUGZYKOaRr5OLuP3B5OZr1getnoT98bHlnEUhWOM/s400/255.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/AVvXsEg0UNY-i4IxEzUH5kNVVGEuQVbYG5fssqPGtigBbA2GiZ98jHScRT7SkjetXdODzfkrdaRe2gZeFwoM4eBxNXsxykb2BnpK8JMbjaLljqLep4ffA5L_DCwT1eZWPryJ9SY8i7YhVuHiSn4/s400/251.gif) no-repeat scroll 0px 4px;
}
Now all done Save the Template ,
0 comments:
Post a Comment