-
Website
http://www.pathawks.com/ -
Original page
http://www.pathawks.com/2008/06/friendfeed-comment-widget.html -
Subscribe
All Comments -
Community
-
Top Commenters
-
charlieanzman
1 comment · 11 points
-
Ben Borges
2 comments · 5 points
-
JohnLoGioco
1 comment · 2 points
-
Shey
1 comment · 43 points
-
slippylane
14 comments · 10 points
-
-
Popular Threads
First - Pat, your level of attention and response to our problems with your scripts are something that many developers could do with learning from. Don't get me wrong, there are some great people out there, turning out an awful lot of fantastic code, but this kind of dedication to the debugging process is still a rare thing.
Second - Disqus totally rules anyway, but in a situation like the one we had here, it really comes into it's own!
And hey, I think we've all learned something about just how much work goes into these scripts, eh?
when I did. There's no way I could keep up with this using Bloggers comment
system (even with the fancy new iframes). I've already sent Daniel Ha an
email expressing my gratitude.
Thanks for that, Slippy.
I understand what it feels like to run into problems and not find anyone who
cares. My Google Reader is full of comment feeds I subscribed to and have
yet to get a response. I don't want to be that guy. I put enough time into
writing this that it's more than worth a little extra time to make sure it
works.
Besides, it's really cool seeing something that *I wrote* pop up on blogs
throughout the FriendFeedosphere.
I need some help tho, the integration was successful however, if a post doesn't have "like" or "comments" yet, it produces a JS error as can be seen here -> http://highstreet5community.blogspot.com/2008/0...
Any clues? Thankies
What browser are you using? I don't seem to get an error message (I tried FF3 and IE7)
So placed the code just above that for Disqus and got this message when viewing my blog -
TEMPLATE ERROR: Invalid data reference post.url: com.google.layouts.framework.widgetview.GoogleMarkupException: No dictionary named: 'post' in: ['blog']
Post your blog URL and I'll have a look and try to figure out what's going on.
Let me know if that gives you the same error, if any.
Joe
...like this one http://www.joedawsons.com/2008/06/firefox-aimin...
You've placed the CSS line inside a comment, so it isn't styling the box like it should. To fix this, just move the code up one line so it says
@import url("http://www.pathawks.com/ffbadge.css");/*
Keep me posted if you have any more problems.
Question, is it hardcoded to blogger/tumblr only by any chance?
I have other blogs using b2evolution.net and tried incorporating your JS script, but won't show up although seems correct.
Here's the sample post: http://games.gameshogun.ws/5gametitles/it-s-off...
tnx!
What's more, it looks like the only way to make it work would be through a plugin, which is beyond the scope of my time/energy.
FWIW, the reason it isn't working is because the Yahoo Pipe needs the post permalink URL, which requires some PHP trickery. I googled around for five minutes, but I couldn't find a way to insert the URL into another element's attribute. If you (or anybody) can figure out a way to make it work, let me know and I'll send some link juice and namaste your way.
It works! I guess the "like" and "test" comments took some time to appear via API calls. ^_^ Check out the sample post: http://games.gameshogun.ws/5gametitles/it-s-off...
^_^ I guess it's not hard-coded ;)
I'll post about it and send ya the post-link, this week. Sleepy already hehe, it's 12:09 AM here MON, Philippine Time ^_^
Now I think it will work with all the other blog platforms... like you said, just the permalink setting.
It's really cool to see people actually using this thing :-D
When I first posted this, I screwed up the code for Tumblr. This has sense been fixed in my post.
To fix this, in your template replace the line
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=scribkin&link=" + data:post.url'></script>with
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=scribkin&title={Title}"></script>This should fix the problem. If not, let me know and I'll investigate.
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=scribkin&link={PostID}"></script>
I think I know what the problem is, but give me a minute to figure out how to fix it.
With the Disqus plugin, I had to put hooks in to every post type -- video,
comment, link, etc. Is this not necessary for the ff plugin?
Umm, try to change it again. When I look at your source code, it's still showing the old code. Change the part that says
title={Title}tolink={PostID}Sorry this is such a pain :(
You tried to tie the script to your room on FriendFeed, which won't work. It must be tied to your user account.
So if you change
who=scribkintowho=eng1neeverything will work fine. This time I promise. For real. This will work.http://flipside.scribkin.com/post/39248088/baby...
Dude, so sorry that took so long to figure out. I was seriously pulling my hair out on that one.
Thanks for sticking with me.
{block:IndexPage} <script...{/block:IndexPage}Oh, hmm. That seems to have it only showing up on the main page, and not there on the single post pages. perhaps block:permalink?
You're absolutely right. Oops.
So much for me being a "helpful developer," huh?
How do you suggest we proceed? Interested in getting my template as a text file? (Old Blogger)
Just change the line
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=louisgray&link=" + data:post.url'/>to this
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=louisgray&link=<$BlogItemPermalinkUrl$>"></script>It even works under "stress". Here's an example on a recent popular post:
http://www.louisgray.com/live/2008/06/gray-fami...
Thanks for tipping me of to the flawed code. Now I've officially seen this working on new Blogger, old Blogger, Tumblr, and FeedBurner. Everybody wins :D
I must have been really tired when I posted this, because the code I gave you for Tumblr is totally wrong.
Find the line you inserted
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=NICKNAME&link=" + data:post.url'></script>and replace it with
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=NICKNAME&link={Permalink}"></script>That should do the trick.
Updating the post with the correct code now...
odd.
Strange folks over there at Tumblr.
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=NICKNAME&link={PostID}"></script>Hope this helps.
At any rate, if you'd like to space it out a little more, right under the
@import...line you added, add the line.friendfeedcommentslink {margin-top:.5em;}Let me know how that looks
Not your fault at all, but Tumblr uses different permalinks in the RSS feed (wtf?) so it isn't able to match them.
This may not work with Tumblr after all.
Umm... anybody know a lot about hacking Tumblr templates?
In the line of code you just added, replace
&link={Permalink}with&title={Title}PLEASE tell me this works
I took a peek at your code and saw that you put the CSS line inside a comment...
/*@import url("http://www.pathawks.com/ffbadge.css");
Just switch those two lines around so it would be...
@import url("http://www.pathawks.com/ffbadge.css");
/*
I think you'll like the way it looks a little more after that ;)
I did this modif in a minute after reading your blog post,
i agree it's much better now :)
thanks again !
Ben Borges
Should be 'discuss' not 'discus' on friendfeed code... could you fix that please?
Thanks!
Stupid late night coding sessions.
Anyway, the new FeedFlare url (which has been updated in the post) is
http://www.feedburner.com/fb/variableflareunits/GenericFeedFlare.jspx?text=Discuss%20on%20FriendFeed&link=http://friendfeed.com/search?q=${title}%26service=blog%26who=NICKNAMEAfter you "Expand Widget Template," try searching for
<div class="post-footer">(with double quotes instead of single).Everything else in your template looks pretty standard, so if you still get an error message after that, let me know what it's telling you.
If you leave me your URL, I'll check out your blog and see what I can figure out.
And what sort of error message was it giving you?
and this is my code
http://www.simonstudio.com/ark/blogger_friendfe...
it doesn't work.
Here's what the code in my template looks like (except for the bits I imagine disqus will automagically translate)
Incidentally, I've tried moving the @import line in and out of the commented section - no difference to the end result
<head>
<script src='http://www.pathawks.com/ffbadge.js'/>
...
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
@import url("http://www.pathawks.com/ffbadge.css");
...
<div class='post-body'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=slippy&link=" + data:post.url'/>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</span>
Check out this page (http://worldofslippy.blogspot.com/2008/04/glimpse-of-paradise-work-in-progress.html)
Now, how hard would it be to add a text box and submit button to post a comment back to friendfeed? :-)
Let me poke around a little bit. To be honest, I don't really think it looks very ascetically pleasing, but I'll see what I can do.
You can't just alienate your readers like that.
An option to post comments back would be cool, but at the end of the day, it's your scripts, your code and your property.
Besides, if you don't do it, it gives me an excuse to see if my programming muscles still work enough to have a crack at it myself.
You want to play with my code, you're more than welcome :D
I'd love to help you, too. Let me know if you need advice or anything, and we can beta test it together again. Ha!
:-)
With Disqus, at least there's a way for non-users to post unverified comments. If your comment system was FriendFeed, there would be no way for them to comment.
Also, remember that my system only retrieves comments and likes for your past 90 blog entries. Post 91+ would loose all comments.
Another great idea down the tube then. Meh.
You'll get your FriendFeed comments, one way or another.
Nah, I guess using friendfeed as my blog's comment engine is just not really that feasible. Never mind, I'm happy enough to let your rather excellent script continue bringing friendfeed to my blog.
So, this is really strange. It looks like you've done everything right, but it isn't finding the stuff from your feed. Let me poke around a little...
[Edit]
Ignore that. Foolish me forgot to expand the widget templates. Duh! Trying again!
[Edit again]
Well, it doesn't throw up any "bad xml" errors when I try to save it this time. Nor, however, does it appear to do anything else.
It's hard to put format this for a blog, because I have to code it all twice, so it looks like &
In the script you inserted into the post footer, change "&_render" to "?_render"
This is my fault. Real sorry. Updating the instructions now...
[Edit]
My instructions now reflect this change, so there should be no new problems like this.
In the same line, change "yahoo.com/pipes/pathawks" to "yahoo.com/pathawks"
It's a wonder I got this thing running on my blog with all these errors :-S
Sorry about this Slippy. We'll get this working yet!
At any rate, I really appreciate everybody being so patient and helping me work out all the bugs.
Thanks a bunch.
is to reduce clutter if there's nothing to show.
It still appears on posts that *do* have comments...
http://www.ircfreak.com/2008/06/why-i-hate-ping...
here is my code
http://www.simonstudio.com/ark/blogger_friendfe...
and the blog is http://simonstudiotheatre.blogspot.com/
Last blog, I promise :-P
This script can only find the comments if they're designated as coming from
a "blog," not a FriendFeed link or del.icio.us save or anything like that.
If you started importing this feed into FriendFeed as a blog, and liked or
commented on *those* entries, you would see them come up on this blog.
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&..." line. It should be right by the FeedFlare line, but it isn't there. That's why it's not working.------------------
1) After the HEAD element put:
<script src='http://www.pathawks.com/ffbadge.js'></script>
2) Placed the following before or after your first CSS call. (Note: If placed 'after', ffbadge.css won't kick-in for some weird reason, but if it's placed 'before', it causes errors on some themes/skin [not just b2evolution, even on some blogger themes/skins as well].)
<style type="text/css" charset="UTF-8">
@import url("http://www.pathawks.com/ffbadge.css");
</style>
3) Search for: END OF FEEDBACK (COMMENTS/TRACKBACKS) Then after the ?> bit, add the following:
<?php
echo '<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=USERNAME&link='.$Item->get_permanent_url().'"></script>';
?>
Done.
Many thanks!
It's not displaying anything at all, despite the post I linked to contains numerous comments and likes. What am I missing?
http://pipes.yahoo.com/pathawks/ffbadge?_render...
update. At any rate, I'm glad it works now.
Let me know if you have any issues getting it on your blog.
It's not picking up the comments and likes that are posted on the items here: http://friendfeed.com/allwordyandjunk
Now I added it exactly the same way I did on my own blog, which works quite well on my blog, but it doesn't want to work on this one.
For example, this post: http://allwordyandjunk.blogspot.com/2009/08/i-j...
has a like and a comment here: http://friendfeed.com/allwordyandjunk/04c0086c/...
But you'd never know that looking at the page on Blogger.
Am I doing something wrong? Or does this just not work on group blogs, or not work for feeds posted to a friendfeed group, even though I added the group name in the script so it can find the page?
And if it won't work because it's a friendfeed group, is there any way you can make it support that?
As far as FriendFeed's current API is concerned, there is groups and people are not the same thing.
Yes, it would be possible to add support for groups in this, or a similar plugin.
Unfortunately, recently the popularity of my widget has been declining as better tools have come about.
I would suggest you look into Disqus's reactions feature, or maybe check out Backtype.
We're using Disqus right now to comment on my Blogger blog, aren't we ;)