Archive for the ‘Facebook’ Category
Need Ideas For Your Fanpage Wall?
How to embed videos from Facebook into WordPress
I’ve seen the embed code before but I just could not remember where. So I searched it again on the web and Shoutpedia has a facebook note that explains how you can embed videos from Facebook into a WordPress post.
I can’t seem to paste the code here. So check out Shoutpedia note in Facebook.
Hope this helps. That’s all. =)
How To Make WordPress More Social
How to add Facebook Comments into WordPress 3.0.1 blog
I was working on a project where my workmate is going to pull wordpress blog posts with Facebook comments from a WordPress self-hosted site.
I knew at that time a plugin seems to be a so-so solution for me but I went to search for it anyway and I stumbled upon a YouTube video that teach you how.
That’s when I realised the power of Graham’s plugin! It’s so easy to install, use and custom-style.
Check out Wasim’s YouTube video that he created for using Graham’s awesome plugin!
How To Get Facebook New App Id
Get your facebook app id here.
Add Facebook Like Button Like The Pros do (No iframe)
I am very impressed with Facebook Like buttons in certain sites that partnered with f8 team. A site like Flixster.com allows the user to like a movie and add comments on the spot which will be published to the user profile wall.
So here’s how you do it like the pros do.
Inside header.php, you need to add this:
xml:lang="en" xmlns:fb="http://developers.facebook.com/schema/" xmlns:og="http://opengraphprotocol.org/schema/"
right after this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
After that, add this to any location in the loop inside single.php:<div id=”facebooklike”>
<fb:like href="<?php echo rawurlencode(get_permalink()); ?>" layout="standard"
show_faces="true" width="400" action="like" font="verdana" colorscheme="light" />
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'insert your app id here', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
</div>
And for the css tweak :
#facebooklike { margin: 10px 0px -25px 0px; }
That’s about it! Hope this helps! =D
