Edit in JSFiddle

body{
    counter-reset:chapter;
}

h2{
    counter-reset:topic;
}

h2:before{
    counter-increment:chapter;
    content:counter(chapter) ". ";
}

h4:before {
    counter-increment:topic;
    content:counter(chapter) "." counter(topic) " ";
}
<h2>Jquery Mobile Examples</h2>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2013/04/jquery-mobile-split-button-listview.html">
        Split button listview
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2014/01/exploring-jquery-mobile-140.html">
        Exploring Jquery Mobile 1.4.0
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2013/04/jquery-mobile-listview-with-thumbnail.html">
        Listview with thumbnail images
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2013/04/jquery-mobile-accordions-collapsible.html">
        Accordions - Collapsible Listviews
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2013/04/jquery-mobile-listview-with-count.html">
        Listview with count bubbles
    </a>
</h4>
<h2>Most read articles</h2>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2011/06/where-does-google-get-its-live-traffic.html">Where does Google get it's traffic data?</a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2012/11/where-does-google-have-live-traffic.html">
        Where does Google have live traffic data?
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2011/06/two-maps-on-same-page-side-by-side.html">
        Two maps on the same page side-by-side
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2011/06/google-map-loading.html">
        Google Maps Loading...
    </a>
</h4>
<h4>
    <a href="http://shreerangpatwardhan.blogspot.in/2011/03/google-maps-real-time-traffic-layer.html">
        Google Maps Real Time Traffic Layer
    </a>
</h4>