Little adventures building sites with Wordpress…

Archive for the ‘Facebook’ Category

Need Ideas For Your Fanpage Wall?

leave a comment »


Written by Yahya Ayob

September 7, 2011 at 5:32 pm

How to embed videos from Facebook into WordPress

leave a comment »

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. =)

Written by Yahya Ayob

January 7, 2011 at 8:11 pm

How To Make WordPress More Social

leave a comment »

Written by Yahya Ayob

November 7, 2010 at 12:06 am

How to add Facebook Comments into WordPress 3.0.1 blog

with 2 comments

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!

Written by Yahya Ayob

October 25, 2010 at 6:03 pm

How To Get Facebook New App Id

leave a comment »

Written by Yahya Ayob

April 29, 2010 at 10:44 pm

Posted in Facebook

Add Facebook Like Button Like The Pros do (No iframe)

with 5 comments

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>
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 +
e.async = true;

And for the css tweak :
#facebooklike { margin: 10px 0px -25px 0px; }

That’s about it! Hope this helps! =D

Written by Yahya Ayob

April 26, 2010 at 11:19 pm