<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e) {
    for (var t = 0; t < posts_no; t++) {
        var r, s = e.feed.entry[t],
            n = s.title.$t;
        if (t == e.feed.entry.length) break;
        for (var a = 0; a < s.link.length; a++)
            if ("alternate" == s.link[a].rel) {
                r = s.link[a].href;
                break
            }
        n = n.link(r);
        var i = "... read more";
        i = i.link(r);
        var l = s.published.$t,
            o = l.substring(0, 4),
            u = l.substring(5, 7),
            c = l.substring(8, 10),
            m = new Array;
        if (m[1] = "Jan", m[2] = "Feb", m[3] = "Mar", m[4] = "Apr", m[5] = "May", m[6] = "Jun", m[7] = "Jul", m[8] = "Aug", m[9] = "Sep", m[10] = "Oct", m[11] = "Nov", m[12] = "Dec", "content" in s) var d = s.content.$t;
        else if ("summary" in s) var d = s.summary.$t;
        else var d = "";
        var v = /<\S[^>]*>/g;
        if (d = d.replace(v, ""), 1 == posts_date && document.write('<div class="post-date">' + m[parseInt(u, 10)] + " " + c + " " + o + "</div>"), document.write('<li class="recent-post-title">'), document.write(n), document.write('</li><div class="recent-post-summ">'), 1 == post_summary)
            if (d.length < summary_chars) document.write(d);
            else {
                d = d.substring(0, summary_chars);
                var f = d.lastIndexOf(" ");
                d = d.substring(0, f), document.write(d + " " )
            }
        document.write("</div>")
    }
}
</script>
<script type="text/javascript">
var posts_no = 5;
var posts_date = true;
var post_summary = true;
var summary_chars = 80;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts">
</script>

<style type="text/css">
.recentpoststyle {
    list-style-type: none;
}
.recentpoststyle a {
    text-decoration: none;
    color: #49A8D1;
}
.recentpoststyle a:hover {
    color: #000;
}
.recentpoststyle li:before {
    float: left;
    z-index: 1;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #69B7E2;
    margin: 13px 5px 0px -6px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
li.recent-post-title {
    margin: 7px 0;
    padding: 0;
}
.recent-post-title a {
    color: #444;
    text-decoration: none;
    font: bold 13px 'Ruda';
}
.post-date {
    font-size: 11px;
    color: #999;
    margin:0;
}
.recent-post-summ {
    color: #777;
    padding: 0 0 15px;
    margin-bottom: 15px;
    font: 15px 'Open Sans', sans-serif;
    border-bottom: 1px solid #ececec;
}
</style></div>