Here is little tutorial to help you spice up your blog posts inpost heading with a little icon, first of all you would need to define a CSS Class in your style.css as below as we try to show little icon (computer LCD) before the Heading Text See Demo here
.demo {
background:#F3F3F3 url(images/demo.png) no-repeat scroll 15px 50%;
border:1px solid #D3D7CF;
margin:5px 0;
padding:15px 20px 10px 60px;
text-align:left;
}
And in your html wrap the Text heading with below Div class
Heading see demo here
As you can see in the image below, You can define as many classes as you need with different icons for different purposes following the same rule as above
You can see live Demo here
Hmm! Thanks for sharing this tutorial