Display Post Titles as Slideshow in Blogger Blogs
Sep 11, 2009
Actually Blogger providing display your Blog Feed in sidebar. This limits the number of post Titles to 5. Many Blogging guys like to display around Ten posts in sidebar. You can control the number of post Links to display, This widget is Slideshow Type.
This widget is Ajax code based, Create Ajax Code for your site and Need to add in widget. Add the following code into your blog whereever you want to Display Post Titles Slideshow.
Important:Please change the highlighted red text suitable to your blog, Replace the text "notsupplied-wizard" with a Ajax Code Create here. See my blog sidebar for preview of post Tiles Slideshow. If you want more feel free to reply via comments.
Read This: Blogger Custom Domain setup Error unfixed yet. Why?
This widget is Ajax code based, Create Ajax Code for your site and Need to add in widget. Add the following code into your blog whereever you want to Display Post Titles Slideshow.
<!-- Begin Dynamic Feed Wizard Generated Code -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [{ title: 'Tech News', url: 'http://www.indiamore.com/feeds/posts/default/-/Technology' },
{ title: 'Top News Stories', url: 'http://www.indiamore.com/feeds/posts/default/-/India' }];
var options = {
stacked : false,
horizontal : true,
title : "TITLE NAME"
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- End Dynamic Feed Control Wizard Generated Code -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [{ title: 'Tech News', url: 'http://www.indiamore.com/feeds/posts/default/-/Technology' },
{ title: 'Top News Stories', url: 'http://www.indiamore.com/feeds/posts/default/-/India' }];
var options = {
stacked : false,
horizontal : true,
title : "TITLE NAME"
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- End Dynamic Feed Control Wizard Generated Code -->
Important:Please change the highlighted red text suitable to your blog, Replace the text "notsupplied-wizard" with a Ajax Code Create here. See my blog sidebar for preview of post Tiles Slideshow. If you want more feel free to reply via comments.
Read This: Blogger Custom Domain setup Error unfixed yet. Why?
Read More
