Fork me on GitHub

pe_pplog demo page

Main menu

Feeds (2) /Social Feeds

Cross-domain RSS feed
The previous described method of including an RSS feed in the blog was only for feeds from the same domain. For cross domain RSS feeds one either has to use a Google Ajax Feed API or a server side proxy script.

One example for a JQuery plugin working with the Google API is FeedEk.

After downloading the plugin from the homepage, place the following in $config_customHTMLhead or directly in the post.

<script type="text/javascript" src="FeedEk.js"></script>

See below for an example set up.

example1
example2
set up script

Twitter feeds
Twitter changed it's API recently, which means that many of the plugins I found did not work. The one I could get to work was Tweetable. The included css file shouldn't be used as it will mess with the overall look of the blog and only the styles for #tweets included to main style sheet, unless one is ok with the feeds being in conventional list style. There is no need to put anything into $config_HTMLhead.

example
set up script

You tube feeds
Yunero is an example to add a youtube feed. I did not manage to change the 2 column thumbnail layout. There is no css file, just download the plugin from the webside, copy and paste the code from the how to on the homepage into the blogpost, change the path to the .js file and
"var youTubeURL" to channel or playlist URL.

example

Aggregating social network and RSS feeds
Due to the aforementioned change in the the twitter API, twitter feeds might not work here.

Socialist has the nice feature of the plugin being hosted, which means one only has to add the following to the post and change the networks and id's to ones own.

<script type="text/javascript" src="http://plugins.in1.com/scripts/socialist.js"></script> <div id="socialist" data-networks="pinterest,rss,tumblr" data-ids="hubspot,http://feeds2.feedburner.com/ImpressiveWebs,in1blog"></div>

Obviously this might effect loading time, though.

example

For so.so.social twitter is not working. The included css file shouldn't be used as it will mess with the overall look of the blog and only the styles for #activityFeeds ul and #activityFeeds ul li included to the main style sheet. So again, after downloading and putting the js file in the folder /js one only has to put the set up script in the post. Of course with changing ids to ones own social network ids.

example
set up script
css

There are obviously a lot more plugins that deal with social networks. Time wise I can not test them all, check out http://jquery-plugins.net for more.


No comments posted yet

Add Comment