Here is a very simple example of what can be done using customized styles in blogger.com:
This is my favourite style
Let's see how it can be done.
How to add your own CSS styles to Blogger.com
Step #1:Prepare the CSS style, you want to use in your posts. To do that, if you do not know much about CSS, use one of the many CSS editors that can be found on the web. For the exemple I used RapidCSS. Here is how I prepared the CSS style 'myfavouritestyle' I used in the exemple:
Enter blogger.com and open the template of your blog. Edit the HTML and locate the <b:skin> tag:
Step #3:Go to the end of the
Step #4:The last step is about the use of customized styles in posts. Once the text is entered (using 'compose'), select the text you want to highlight with your customized style, select the format (heading, subheading, minor heading) and switch to HTML view. Your text appears between two tags:
<h2> et </h2> for headings,
<h3> et </h3> for subheadings,
<h4> et </h4> for minor headings.
In the exemple, I selected minor heading; therefore the text 'This is my favourite style' appears surrounded by a <h4> opening tag and a </h4> closing tag in the html view.
To apply the customized style, you just have to add the class property to the opening tag as in the exemple: