Free Games Cheat Download Full Version: How To Change Icon Bullet And Numbering List Blog

2013/08/15

How To Change Icon Bullet And Numbering List Blog

How To Change Icon Bullet And Numbering List Blog - Creating a unique post is a must every blogger to meet them. A unique addition to posting to google, also favored by visitors as a unique post it means different from the others. The difference is clear from the positive side. Visitor or reader will be comfortable and at ease in reading the unique post. The bloggers are racing to make the post as unique and beautiful as possible, ranging from a drop cap, blockquote, colorful writing fonts, and bullets & numbering. Now that I will discuss today is how to replace bullets and Numbering on the list in the blog post. It's not so bad anyway bullet and numbering default blogger, but many bloggers are deliberately replaced. By replacing the bullet and numbering, I think you can make posts more beautiful and unique than usual. How? if you are interested in replacing it? if yes, you can follow this post and read through to the end, okay? :) Let's see the tutorial!!

Tutorial

Login to blogger dashboard
Go to edit HTML
Search the code ]]></b:skin>, use the function Ctrl + F (fast search code)
Then enter the following code just 2 above the code ]]></ b: skin> and save when done.
Code bullet list

.post ul { margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEI4cialpzxW4i9ayeDad2u-hsjnRX0CqepEHZVn_SjVJZi1uVTNMtDOI1XocR-QmpvKjC517s1VR8E0oAN5lYtPZOKwewwrlMlpWJ7l6gKOjYfvgm_4kNw34GsIDznzeut3bOkMAJ9s/s12/Ul%2520li.png);} .post li { margin: 0 0 0 10px;padding: 3px; } .post li:hover { list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw-Ac14r2JWyTABgDLfkrlSD13wb5SZLU6K0rnw9adcH69j8e4UrWHDwyNwO5pR-jAg5EtSmJn1CKgddkc1vFE_3pnv8zXRe7ua44e7SbU1HjzMmTwpT9dOAmhMzEkqVPi8fkN_csNKN0/s12/Ul%2520li%2520hover.png);cursor: pointer; }

Code numbering list

.post ol { font-family: sans-serif; color: #706969; } .post ol li { line-height: 1.2em; font-family: sans-serif;color: #289728; } .post ol li:hover { font-family: sans-serif;font-style: italic; font-weight: bold; color: #0080ff; } .post ol p { font-family: sans-serif;font-weight: normal; font-style: normal; color: #0F0E0E; line-height:1.2em;}