Recent HTML /Java Scripts Codes

<div class="recentpoststyle">

<script src="http://goo.gl/JI3Hml"></script>

<script>

var posts_no = 7;var posts_date = false;var post_summary = true;var summary_chars = 30;</script>

<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">

</script>

<style type="text/css">

.recentpoststyle {

    counter-reset: countposts;

    list-style-type: none;

}

.recentpoststyle a {

    text-decoration: yes;

    color: #0080ff;

}

.recentpoststyle a:hover {

    color: #db4437;

}

.recentpoststyle li:before {

    content: counter(countposts,decimal);

    counter-increment: countposts;

    float: left;

    z-index: 2;

    position: relative;

    font-size: 11px;

    font-weight: bold;

    color: #ffffff;

    background: #666;

    margin: 10px 5px 0px -4px;

    padding: 0px 10px;

    border-radius: 100%;

}

li.recent-post-title {

    padding: 7px 0px;

}

.recent-post-title {

    font-family: "Times New Roman";

}

.recent-post-title a {

    color: #666;

    font-size: 14px;

    text-decoration: none;

    padding: 2px;

    font-weight: bold;

}

.post-date {

    padding: 5px 2px 5px 30px;

    font-size: 11px;

    color: #6d6e72;

    margin-bottom: 5px;

}

.recent-post-summ {

    border-left: 1px solid #69B7E2;

    color: #777;

    padding: 0px 5px 0px 20px;

    margin-left: 15px;

    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;

    font-size: 14px;

}

</style></div>