2008-05-08

JavaScript : Entrecard last droppers display widget


Some of the forumners commented on my previous Entrecard widget, they said that the widget was actually very ugly. I have to agree with a lot of them.(see picture on top left side)

But then, with help from Google Ajax, I managed to come out with a new Entrecard last droppers display widget and its still letting me to display the content of my Entrecard inbox, which means the name, link and the description of visitors who have dropped Entrecards on my site.

The below mentioned steps can only be used to any blogspot domain.
1- Go to Dashboard> Layout> Page Elements
2- Click on Add a Page Element of your sidebar.
3- Chose for Html/Javascript as an option to add to blog.
4- Put a title of your own choice i.e Last Droppers
5- Copy and paste the following code:-

<!-- Begin -->
<!--
// Created with a Google AJAX: OnlineBiz-MY
// All rights reserved 2008.
// This credit must be included in all your derived usages.
// http://onlinebiz-my.blogspot.com
-->

<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=ABQIAAAAp07
rQAkZMd9XHgmea1WKLxRt4LW8kAHk_mn-4M_ZQVzMx8OWHBRoSFNz
668Hmlf5Z117QoUrQ7J7Qw"
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: 'Blog Preview',
url: 'http://entrecard.com/feeds/inbox/X6YTKG2GMB/rss2.0'
}];
var options = {
stacked : false,
vertical : true,
title : ""
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- End -->


6- Change the colored portion to your RSS url. To find your RSS url, login to your Entrecard account, click on dashboard, hover the cursor over the RSS icon to the right of the images of recent entrecards dropped on your site and you’ll read the complete link to your inbox feed on your browser’s status bar. It should be something like above.(in red color)
5- Save.

0 comments:

Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L