Skip to content


Jquery Extensions

 

While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.

Posted in jquery.

 

Compression Command

tar -cpvf <foldername> <newfile.tar>
gzip <newfile.tar>

How can I extract a tar.gz or .tgz file?

gunzip <newfile.tar.gz>


Posted in Miscellaneous.

14 Days of jQuery

 

Welcome to The 14 Days of jQuery! We’re excited to bring you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. You’ll notice that we’re excited about the number fourteen since jQuery 1.4 is being released on the birthday of jQuery (January 14th) . So be sure to come back each day as another announcement is made and new content is released!

Also be sure to follow the announcements via RSS, Email, or Twitter!

Read the announcement of The 14 Days of jQuery

Posted in Ajax, jquery. Tagged with , .

FAQ: Joomla! Permissions Overview

 

The basic unix permissions come in three flavors;

Owner Permissions : These are permissions that you have on your own files or directories.
Group Permissions : These are permissions that you and anyone in your group have on the file files or directories.
Other Permissions : These are permissions that other people have on your files or directories if not you, or in your group

So, in Unix, when permissions are configured, the server allows you to define different permissions for each these three different categories of users. In a Web Serving environment these permissions are used to control which website owners can access which directories and files.

What do Unix permissions look like?
When viewing your files through an FTP client or from the servers command line;

filename.php  username usergroup rwx r-x r-x

The first entry is the name of the file, the next entry is your username on the server, the second entry is the group that you are a member of and the last entry is the permissions assigned to that this file (or directory).

If you notice, I have intentionally spaced out the permissions section, I have grouped the 9 characters into 3 sets of 3. This separation is key to how the permissions system works.

The first set of 3 permissions (rwx) relate to the username seen above, the second set of 3 permissions (r-x) relate to the usergroup seen above and the final set of 3 permissions (r-x) relate to anyone else who is not associated with the username or groupname.

Owner (User) relates to username
The Owner (User) is normally you, these permissions will be enforced on your hosting account name.

Group relates to usergroup
The Group permissions will be enforced on other people that are in the same group as you, within a hosting environment, there is very rarely other people in the same group as you. This protects your files and directories from being made available to anybody else who may also have a hosting account on the same server as you.

Other relates to everyone else
The Other permissions, these will be enforced on anybody else on the server that is either not you or not in your group. So in a Web Serving environment, remembering that no-one else is normally in your group, then this is everybody else accessing the server except for you.

Each of the three sets of permissions are defined in the following manner;

r = Read permissions
w = Write permissions
x = Execute permissions

Owner Group Other
r w x    r w x    r w x

As many of you already know, permissions are normally expressed as a numeric value, something like 755 or 644. so, how does this relate to what we have discussed above?

Each character of the permissions are assigned a numeric value, this is assigned in each set of three, so we only need to use three values and reuse them for each set.

Owner Group Other
r w x    r w x    r w x
4 2 1    4 2 1    4 2 1

Now that we have a value that represents each permission, we can express them in numeric terms. The values are simply added together in the respective sets of 3, which will in turn give us just three numbers that will tell us what permissions are being set.

So, if we are told that a file has the permissions of 777, this would mean that the following was true.

Owner Group Other
r w x      r w x      r w x
4 2 1      4 2 1      4 2 1

Thus…
4+2+1  4+2+1  4+2+1
= 7        = 7      = 7

The Owner of the file would have full Read, Write and Execute permissions, the group would also have full Read, Write and Execute permissions, and the rest of the world can also Read, Write and Execute the file.

The standard, default permissions that get assigned to files and directories by the server are normally;

Files = 644 and  Directories = 755

These permissions would allow, for files;

644 =  rw- r– r–  = Owner has Read and Write
Group has Read only
Other has Read only

and for directories;

755 =  rwx r-x r-x    = Owner has Read, Write and Execute
Group has Read and Execute only
Other has Read and Execute only

Now, things can get a little complicated when we start talking about shared Web Servers, the Web Server software will be running with its own username and groupname, most servers are configured for them to use either “apache” and “apache” or “nobody” and “nobody” as username and groupname.

So hear is the problem, your Web Server runs as its own user, and this user is not you or in your group, so the first two sets of permissions do not apply to it. Only the world (other) permissions apply.

Therefore, if you configure a permissions set similar to 640 on your website files, your Web Server will not be able to run your website files.

640 =  rw- r– —  = Owner has Read and Write
Group has Read only
Other has no rights

The WebServer is assigned no permissions at all and cannot Execute, Write or more importantly, even Read the file to delivery its content to a website visitors browser.

If a directory was to be assigned 750 permissions, this would have the same effect, because the WebServer does not even have permissions to read files in the directory, even if the files inside that directory had favorable permissions.

750 =  rw- r-x —  = Owner has Read and Write
Group has Read and Execute
Other has no rights

Directories have an extra quirk, if a directory does not have the Execute permission set in the World set then even if Read and Write are set, if the program is not run as the user or group, it will still not be able to access the files within the directory. The Execute setting allows the program to “Execute” commands in the directory, so without it being on the program(in our case a Web Server) cannot execute the “Read” command, thus cannot deliver your file to the users web browser.

How Does this Relate to Joomla! ?
Good question, well in the first instance this would be important during the Web-Installer process.
If you can remember back to when you ran the Joomla! Web-Installer, we were looking for specific directories to be designated as “Writable”.

We see quite a numbers of posts either stating that there were problems during the install with permissions or asking what permissions are recommended. Some even consider the message, asking for “Writable” permissions to be too vague.

Unfortunately, as the Web-Installer does not know how your server is configured, then it cannot be more specific, however, once you understand the permissions settings and you know a ittle about Web Serving environments, you will actually find that the term “Writable” is actually very specific and a more than adaquate description of what Joomla! needs.

Thinking back to the above information, you may remember that there are three places where “Write” permissions maybe set;

Owner Writable, Group Writable and Other Writable.

Also remembering that the Web Server generally doesn’t run as your own user or in the same group. When you run the Web Installer from a browser, it is the Web Server trying to access the files, thus it is the “Other” permissions that will apply to it. If the “Other” permissions do not allow the Web Server to Read, Write or Execute commands in the Joomla! directories, you will receive the message saying that the directories are not “Writable”.

In this case, you will need to configure the Other permissions to be “7″ on the directories listed in the Web Installer.
So your total permissions might be something like 757, in the worse case you might need to set 777. These very open permissions
maybe reset back to 755 after the installer runs to assist in the security of your directories and files.

757 =  rwx r-x rwx  = Owner has Read, Write and Execute
Group has Read and Execute
Other has Read, Write and Execute

Just to make things even more confusing, many hosting firms make use of a software called phpsuExec or suExec, these tools change the way the Web Server runs, where the Web Server would not normally run as your username, in this case, it does.

So the use of the “Other” permissions, may not be required, now you may only need to configure directories to be “Writable”  to your own username and groupname, this allows directory permissions to be set as 755 or 775 instead of 757 or 777.

755 =  rwx r-x r-x  = Owner has Read, Write and Execute
Group has Read and Execute
Other has Read and Execute

775 =  rwx rwx r-x  = Owner has Read, Write and Execute
Group has Read, Write and Execute
Other has Read and Execute

The Web Server will still need to Execute set for the username and Read, Execute groupname permissions set so that it can Execute the Read command on files inside the directory. Again, these permissions may be demoted back to 755 after the Web Installer completes.

OK, so thats the basics for directories covered, what about files? This is where things get a little simpler.

Most of the files that Joomla! makes use of will be quite happy with the 644 default permissions.

644 =  rw- r– r–  = Owner has Read, Write
Group has Read
Other has Read

This is valid if you do not have a need to Write to the files from the Web Server, the same rules apply as for directories if you do have this need. One file that you may like to have “Writable” to the Web Server is your configuration.php file. This is the Joomla! configuration file, if you plan on changing configuration through the Web Admin interface, then this file will need to be Writable to the Web Server.

If your server needed directory permissions to be set to “Other” Writable for the install then this file will probably also need to be 757 or 777. Leaving this file as 757 or 777 is dangerous though, as you are letting everyone have “Write” access, many Web Site exploits take advantage of this fact, so in general it is not recommended to leave this file with these permissions.

If your Web Server has one of the SU tools installed and you only needed to configure 755 on directories for the installation, then you will probably also only need to set 755 or 775 on this file to allow editing through the Admin interface, and these permissions are generally accepted as more secure than 757 or 777.

In conclusion, what permissions should be set for the Joomla! installation? Well, as you can see, it depends!

I know this isn’t maybe as helpful as you would have liked and it certainly is not a definitive answer, but in general, after the installation any insecure “7″ settings can be reset back to something more secure.

for Example: Files = 644  and  Directories = 755

These permissions would allow, for files;

644 =  rw- r– r–  = Owner has Read and Write
Group has Read only
Other has Read only

and for directories;

755 =  rwx r-x r-x    = Owner has Read, Write and Execute
Group has Read and Execute only
Other has Read and Execute only

Footnotes:

If you have SSH, Shell access the following commands should be able to be run from the command line to reset all your files and directories back to the server defaults of 755 and 644.

Change directory in to the top directory (” / “) of your Joomla! installation, then run these;

find . -type f -exec chmod 644 {} \;
find . -type d -exec chmod 755 {} \;

If you only have FTP access, this can be a very time consuming job, however, unless you changed more directories during the installation that was requested, you should only need to reset about 10 directories and the configuration.php file.

Keep in mind that to install any extensions or templates after the actual Joomla! installation you may need to elevate the default permissions again on the appropriate directories just for the installation period, you may then demote them again after the add-on is installed.

If you decide to use “cache” the cache directory will need to be “Writable” to the Web-Server user to allow it to write its temporary files.

Once you have completed the installation, next thing to do is read Ron Liskey’s  “Joomla! Admins Security Checklist”. I am sure you will find much of the security information that you will need in this post and the Security Forum.

Posted in Apache Web Server, Open Source Software. Tagged with , , .

Setting Joomla Directory Permissions

 

Here is the sequence of commands to set the permissions for the web server account (apache):

chgrp apache administrator/backups
chgrp apache administrator/components
chgrp apache administrator/modules
chgrp apache administrator/templates
chgrp apache cache
chgrp apache components
chgrp apache images
chgrp apache images/banners
chgrp apache images/stories
chgrp apache language
chgrp apache mambots
chgrp apache mambots/content
chgrp apache mambots/editors
chgrp apache mambots/editors-xtd
chgrp apache mambots/search
chgrp apache mambots/system
chgrp apache media
chgrp apache modules
chgrp apache templates
chmod g+w administrator/backups
chmod g+w administrator/components
chmod g+w administrator/modules
chmod g+w administrator/templates
chmod g+w cache
chmod g+w components
chmod g+w images
chmod g+w images/banners
chmod g+w images/stories
chmod g+w language
chmod g+w mambots
chmod g+w mambots/content
chmod g+w mambots/editors
chmod g+w mambots/editors-xtd
chmod g+w mambots/search
chmod g+w mambots/system
chmod g+w media
chmod g+w modules
chmod g+w templates

Now the installation check looks like this:

administrator/backups Writeable
administrator/components Writeable
administrator/modules Writeable
administrator/templates Writeable
cache Writeable
components Writeable
images Writeable
images/banners Writeable
images/stories Writeable
language Writeable
mambots Writeable
mambots/content Writeable
mambots/editors Writeable
mambots/editors-xtd Writeable
mambots/search Writeable
mambots/system Writeable
media Writeable
modules Writeable
templates Writeable

Posted in Apache Web Server, Open Source Software. Tagged with , , .

Sending xml files using curl and php

 

<?xml version=”1.0″ encoding=”ISO-8859-1″?>
<report>
<Mail>
<Subject>How are you ?</Subject>
<sender_name>user_at_domain.com</sender_name>
<Link>http://someurl.php?rit=1&amp;i=2231608&amp;k=9ac69b4f</Link>
</Mail>
<Mail>
……………………
</Mail>
</report>

And I am using the below php file to post xml data.

<?php
$xmldatafile=”temp.xml”;
function postData($postFields,$url){
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST ,1);
curl_setopt($ch, CURLOPT_POSTFIELDS ,$postFileds);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION ,1);
curl_setopt($ch, CURLOPT_HEADER ,0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER ,1);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}

$xmlData = file_get_contents($xmldatafile);
#echo $xmlData;
#$postFileds = ‘data=’. urlencode($xmlData);
$postFileds = ‘data=’.$xmlData;

//call function
$result=postData($postFields,”http://localhost/processxml.php“);
?>

But for some reason it is not working. The processxml.php is not able
to retrieve the data. I guess this is due to the URL in the xml tag.
Do I need to treat is specially ? I have already removed special
characters from it before putting it into the xml file.

Posted in Php. Tagged with , , .

Layer Flash Under HTML

 

Is there a way to have a flash movie play below another layer like an html text heading or div tag?

Position Flash Below Html ElementsAnswer: Yes, this is actually fairly simple but is a several part process depending on how may different items you would like to position above the flash element.

1. First you must add the wmode parameter transparent to the flash object that is going to be embedded.

Like so…

(note:) If you are using the swfobject.js method to embed your flash files (recommended) you can add the transparent parameter by simply using the example below to append to your current setup:

2. Now we need to wrap our flash movie in its own div tag and and apply some css so that we can set the position to be below the header text and description div.
(See example below for xhtml and css code.)
flash file goes here.

And the accompanying css for the above is:
(note the z-index and absolute position for #flash div)

#flash {
width: 700px;
height: 300px;
position: absolute;
z-index: 0;
}

#header {
height: 300px;
margin-bottom: 30px;
text-align: left;
}

3. Ok, now lets go ahead and set up the html layers that will be displayed displayed above our flash content. In this case it will be an h1 header and a description that is in its own div that is above the flash media.

(Two items to be positioned over the flash movie)

The h1 css is: (note: feel free to style it however you want or use a different tag, the important thing is the z-index and absolute position.

h1 {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #666666;
font-weight: bold;
position: absolute;
z-index: 1;
}

Now for the description css which is going to be in its own div tag containing text and will be positioned above the flash element as well: (note the z-index and the absolute position again)

.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin-left: 15px;
margin-top: 35px;
padding: 5px;
font-weight: bold;
line-height: 14px;
position: absolute;
z-index: 1;
}

4. Thats it, the finished code in the body of a web page will look like this:
(note: Code is placed in the header div which has no z-index or absolute position necessary)
flash file goes here.
Heading Text
Your description text

And the final accompanying CSS is:

h1 {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #666666;
font-weight: bold;
position: absolute;
z-index: 1;
}

.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin-left: 15px;
margin-top: 35px;
padding: 5px;
font-weight: bold;
line-height: 14px;
position: absolute;
z-index: 1;
}

#flash {
width: 700px;
height: 300px;
position: absolute;
z-index: 0;
}

#header {
height: 300px;
margin-bottom: 30px;
text-align: left;
}

HTML Layers and Flash Position Summary:
How to layer a Flash movie below another html div tag or layer.

To position a flash movie under another html element basically you just need to give the flash move a parameter of wmode transparent and position it absolutely with a z-index of 0. Do this by putting the flash object in its own div and using css. (see examples above)

For the items that you would like positioned above the flash movie set their z-index to 1 and position them absolutely as well. After that it’s just a matter of putting it all in the div or container that you would like applying the css and adjusting the margin and padding to your specific needs.

Posted in CSS, Javascript. Tagged with , , , .

Photo Gallery From Image Folder

 

Create a Photo Gallery from a folder of images and pictures

Photo Gallery from a folder of images Folder Gallery

This script will allow you to simply drop image folders in a gallery directory to create new galleries. Folder Gallery boasts the ability to, define the amount of images per page, define thumbnail sizes, embed video files by simply dropping them in the folder, and customize the look by using standard css. You can also check out Quick Gallery for simplified use.
image from folder gallery

FREE Flash Gallery
Flash Image Gallery
A Free flash image gallery that allows you to create a slideshow on your website from a folder of images. Easy installation, automatic slide show generation, customizable design and other cool features like support for a Flickr photostream.

thumbnails are auto generated from your image folder

Ajax slide-show
Although this album is not generated online, the images and picture info is read from an xml file, while the photo thumbnails are auto generated from your image folder using Photoshop actions that are included in the source. All thats left for you to do once it’s done is upload it to your server.

This photo gallery is an ajax based image gallery where you can drag the photo using your mouse, or simply click anywhere in the stack to quickly jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! View the fullscreen example.


Auto Folder Gallery

Auto Flash Gallery. Although this is a paid gallery it is still note worthy.

This is one of the easiest flash image galleries available. Simply upload your full size images to a folder and they will appear in the gallery.


Photo Image Gallery Folder
A simple PHP script for automatically creating a picture gallery from a folder of images. This photo album will automatically list all the images in your directory, and on the fly creates thumbnails and displays them into a simple table. Just put your images in a folder and you are good to go.

Noteworthy:

Flash MP3 Player is a Free application that allows you to play music on your website. Includes easy installation and automatic playlist generation from a folder of music.

Image slideshow from a single directory using jQuery. Script for automatically creating a picture image gallery from a folder. Just upload Photo Gallery Script to a directory with pictures. View Demo:

Simple and FREE, where you can create an Image Gallery from a folder of pictures.
PHP to create an image gallery from a folder. Download

Posted in Javascript, jquery. Tagged with , , , , .

Image Menu with Jquery

 

Creating a Smooth Image Menu with Jquery

I have always thought that imagemenu sliding effect is really cool and that it would be nice if it worked with jQuery. Introducing a Mootools image menu ported to Jquery. If you have ever seen the image menu javascript for mootools by phatfusion and liked what you saw well here is a Sliding Image Menu alternative I’ve come up with using the power of jquery javascript.

Functionality Checklist for our Sliding Image Menu for Jquery.

Here is what we need our Jquery horizontal sliding image menu to do:

  1. Jquery compatible script.
  2. Mootools like sliding effect.
  3. Valid XHTML degrades well.
  4. Lightweight customizable script.

For this Image Menu we will be using jQuery and jquery-easing effects. I ended up adapting two versions of the image menu and will start with the more basic and straightforward one first. For the purposes of helping visualize this demo I am using the same images found in the original Mootools ImageMenu.Let’s take a look at the XHTML, CSS, and JavaScript that makes it all work.

Jquery Image Menu Version 1, View Demo, Download Source.

Jquery ImageMenu

Here is the HTML for just the jquery Image Menu itself:


<div class="jimgMenu">
  <ul>
    <li class="landscapes"><a href="#">Landscapes</a></li>
    <li class="people"><a href="#">People</a></li>
    <li class="nature"><a href="#">Nature</a></li>
    <li class="abstract"><a href="#">Abstract</a></li>
    <li class="urban"><a href="#">Urban</a></li>
  </ul>
</div>

Here is The CSS

The JavaScript

In the header section of your HTML file, you’ll need to include jQuery and all the plug in files listed. The bare minimum setup look like this:

Finally include the jquery in your page or in an attached file.


This will activate our image menu, just remember we have css controlling most of the image menus style. You can customize the easing type and duration with the jquery easing plugin that we are using to achieve different slide effects.

Jquery Image Menu Version 2, View Demo, Download Source.

Image Menu For jQuery

For this second version I have used kwicks to help with the ImageMenu animation. The advantage to using kwicks with our sliding image menu is the additional functionality that it brings in the form of sticky menu items which will stay open and custom events such as on click actions instead of hover.

The HTML remains the same for this version of jquery Image Menu except for the use of id instead of class.


<div class="jimgMenu">
  <ul>
    <li id="landscapes"><a href="#">Landscapes</a></li>
    <li id="people"><a href="#">People</a></li>
    <li id="nature"><a href="#">Nature</a></li>
    <li id="abstract"><a href="#">Abstract</a></li>
    <li id="urban"><a href="#">Urban</a></li>
  </ul>
</div>

The CSS is adapted slightly for kwicks

.jimgMenu {
	position:relative;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	width:475px;
	height:200px;
	overflow: hidden;
}
.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 200px;
	position: relative;
	}
.jimgMenu ul li {
	width: 95px;
	float: left;
	display: block;
	overflow: hidden;
}
.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 200px;
}
.jimgMenu ul li#landscapes a {
	background: url(images/landscapes.jpg) repeat scroll 0%;
}
.jimgMenu ul li#people a {
	background: url(images/people.jpg) repeat scroll 0%;
}

.jimgMenu ul li#nature a {
	background: url(images/nature.jpg) repeat scroll 0%;
}
.jimgMenu ul li#abstract a {
	background: url(images/abstract.jpg) repeat scroll 0%;
}
.jimgMenu ul li#urban a {
	background: url(images/urban.jpg) repeat scroll 0%;
	border-right-style: none;
}

The JavaScript

In the header section of your HTML, you will need to include jQuery and all the files below. The bare minimum setup will look like this:


This will activate our jQuery Sliding Image Menu plug-in. The last step is to include the script in our page by placing this script in your html head or document body.

Enjoy an Image Menu sliding effect for Jquery.

Posted in Javascript, jquery. Tagged with , , .

Facebook Connect Commenters

 

Today we will explore how to install Facebook Connect Commenters with Movable Type 4.25 and the Mid Century Template Set, and actually get it to work. You can add Facebook Connect to any Movable Type blog, allowing Facebook users to sign in, comment, and share their actions. Facebook Connect, will automatically display a Facebook commenters name and photo next to their comment while allowing them to easily sign in to comment. The first step is to get and install the latest version of the facebook connect commenters plug in. (note: if you haven’t upgraded Movable type to 4.25 I highly suggest going ahead and upgrading MT as you normally would with the community version that is now availabe at http://www.movabletype.com/download/ and grab the blogger version.)

Facebook Connect Commenter

After the plug in has bee installed you need to navigate to your mt blogs preferences Registration page, check Facebook as a registration method and click setup. This will take you to your mt blogs plugin page where you need to select the facebook connect commenters plugin settings area and “edit facebook app”. This will take you to Facebook where you can sign in and create your app to communicate with Facebook Connect.

Creating the app is very simple. First under the basic tab give your app a name and email click save and than click the connect menu tab on the left side of the page. Once in the connect area you will need to enter the website url of your blog in the Connect URL box. You can also include a logo if you like in this same area.

Facebook Connect

Once complete save your changes and take note of your Api key and Secret as they will be entered into the Movable Type Facebook Connect Commenters plugin area. The next step is to do just that by entering your Facebook Api key and secret number into the Facebook Connect Commenter settings area and click save. At this point your facebook app is all set up and ready to go.

Now we need to make some template changes. The MT Facebook Connect Commenters plugin comes with a template example that does work but it really depends on your current blogs setup. The templates I will be discussing are for the Mid-century template set but can be adapted for other styles as well. Just be sure to compare templates carefully and make frequent backups. (note: If you haven’t checked out the mid century template set your missing out on some really great movable type features.)

The first template change is to simply add <$MTGreetFacebookCommenters$> to your html head template so that is included in your pages. This will call all of the necessary code to allow facebook connect users to sign in, pull userpic photos and names.

The next template change is a 2 part step and is very important for enabling the facebook commenters userpic to be included. First go to your main entry template and remove onload="mtEntryOnLoad();" from the body tag as it will conflict with the facebook connect onload tag that is being used. Save your changes and next navigate go to your Comments template module and add this code in script tags.

mtAttachEvent("load", mtEntryOnLoad);
mtAttachEvent("unload", mtEntryOnUnload);

Without this step you will not be able to pull facebook userpic photos and will instead just get the facebook default user pic which look like a question mark.You can add the code just above your form or at the very bottom. As long as it is not included in the body tag itself but rather inside the body it will not conflict with facebook connects onload action. View my comments template

For our final step we will need to edit the mid century Individual Comments template to include the code for facebook connect commenter userpic photo, link and name. There are a few ways of doing this depending on your blogs setup but in this case we do not need to edit our Userpic module as all the necessary code will be included here. View my Individual Comments Template

Great job, all that’s left to do is publish your blog to view your changes. To see the plug-in in action you can sign in with facebook connect and post a comment.

Movable type Facebook Connect Commenters templates.

Posted in API Code. Tagged with , , .