Making My Site More Friend(Feed)ly
These days I find myself spending more and more time on FriendFeed as it has pretty much become my place for following friends, following podcasts, following blog updates, and just finding kool new content in general…but for more on those thoughts make sure to check out my past posts on FriendFeed.
Today I want to talk about deciding to integrate FriendFeed with my site and really when it comes down to it there really is not much to it….a little designing, a little css, and a little embedding.
Designing The Page
First I setup my website with 2 <div>’s with one being for my menu on the left side and then the other being where my friendfeed content will be located. This of course would just be what you are looking for look wise or what you find catches your eye.
Embedded FriendFeed
In order to get all your content from the site you have to use the following script from FriendFeed :
<script type=”text/javascript” src=”http://friendfeed.com/embed/widget/<USERNAME>”></script>
Obviously you will replace <USERNAME> with your username to grab your content and you can also add “?num=VALUE” to set how many entries you would like to be displayed at one time and then you can add “?source=VALUE” which would allow you to just get a service by itself (twitter, friendfeed, disqus, youtube, ect).
CSS
Once you add the script to your site and take a look at the content you are probably gonna find you wanna get rid of some of the default formatting that comes with the FriendFeed widget. This of course would be based on taste and integration with the current look you are going with but here is my css to just get you started.
div.friendfeed {
margin-top: -5px;
}
.friendfeed .header {
display:none;
}
.friendfeed div.feed {
border:0px;
}
.friendfeed .feed .entry {
border-top: 2px dotted #cccccc;
}
I would like to give credit to Jason Griffey and his site for giving me the inspiration to do this.
So why did I do this? Is this the end of my blog? First let me say no its not the end of my blog….I find FriendFeed to be a great resource to help bring all the service you use togather and follow your friends in one place…so you will see my blog posts from jeffisageek.net/blog right there at the new jeffisageek.net.
As to why I did it well for me I am always looking for a new way to share my content (FriendFeed makes that pretty easy) and also I always enjoy just tinkering with a little code here a little css tweak there so in some ways it was just a little experiment to see what I could do and I must say I like what I have and think it is here to stay for awhile (or till I decide to mess around with something else…hehe).
Is this something you are interested in? Have some questions? Feel free to drop me an email or IM and I would be more then happy to help you out the best I can.
Related Posts:
On FriendFeed, this post was liked by 4 people and commented on 1 time show