Latest Headlines Widget V2 latest post

This is a widget showing summary of the latest articles on your blog, based on that readers can follow from such a blog easily and make your blog more professional. Widget is Hoctro doctor also wrote long ago but so too or you would like translated into Vietnamese for you easy. You can see photos of the widget is as follows:

How simple, just follow this three step only.

Step 1: Sign up to receive the code from the Google AJAX Feed API:

http://code.google.com/apis/ajaxfeeds/signup.html

You just click the box in the line I have read and agree with the terms and conditions (printable version) and enter the blog into my current web site URL and press Generate API

Keyla done. Immediately you get the code right in the line Your key is.


Step 2: Insert the following code before the and remember to replace YOUR-KEY with the code of Google AJAX Feed API at this time.

<script src='http://www.google.com/jsapi/?key=YOUR-KEY' type='text/javascript'/>

<script src='http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js' type='text/javascript'/>

<style type='text/css'>
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
}
.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}
</style>
<script type='text/javascript'>
function load() {
var homeUrl = "<data:blog.homepageUrl/>";
var feed = homeUrl + "feeds/posts/default";
new GFdynamicFeedControl(feed, "feedControl",
{numResults : 4});
<h6>Widget by <a href='http://vntim.blogspot.com/'>VnTim</a></h6>

}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>

Step 3: Go to Layout> Page Elements, then formed the "HTML / JavScript new" then paste the following code in the box:



You can edit the numbers in the following line to adjust the number of messages allowed to show (default is 4 and maximum is 25).

new GFdynamicFeedControl(feed, "feedControl",
{numResults : 4});

If you want to change font or font just correcting this code to suit

.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}

Finally click Save to complete. As you will see the blog widget which as shown above. As you drag your widget into the top right look more beautiful.