How to add the Facebook Like Box on Blogger

An updated version of this guide can be found here: http://maria-tan.blogspot.com.au/2012/04/how-to-add-or-update-facebook-like-box.html 



Please note: 'How to add or update the Facebook Like Box on Blogger' is the new version of this post.  The post you are viewing now was made in 2010 and may no longer work.

This is an old update to a previous post I made in 2009 on 'How to add the Facebook Fan Box on Blogger'.

Instructions:

1. Get the code for your Facebook Like Box. You can do this through the Facebook Plugin Page, or if you're already logged in to your Facebook page, go to Edit Page > Marketing and click Add a Like Box to your Website. See the pics above if you're having any trouble.
   
2. Under Facebook Page URL, delete the URL that's currently in the box and replace it with your Facebook Page's web address.
   
   For example, my Facebook Page's URL is http://www.facebook.com/pages/Maria-Tan/102277350547, so that's what I pasted in the box.
   
   Once you enter the correct URL, your Like Box will appear on the right hand side, instead of the default Facebook Platform Like Box.
   

3. Customize any of the other settings, i.e. Width, Color, Connections, Stream, Header and click Get Code.
   
   The settings I used were:
   
   width="200" (The width of your Like Box)
   height="554" (See Step 10 for more details)
   Color scheme=Light (White or Black background)
   Connections=6 (How many pictures of people who like your page show up)
   Show stream ticked (Info from your wall posts)
   Show header unticked (Find us on Facebook bar)
   
4. Copy the code under XFBML.
5. Sign in to Blogger and click Design.
6. Click Add a Gadget.
7. Choose Basics > HTML/Javascript
8. Add a Title and paste the code for your Facebook Like Box under Content.
   
9. Click Save.
10. View your blog and edit the HTML/JavaScript box again if necessary.
    
    To change the height of your Facebook Like Box, edit the code you pasted in the HTML/JavaScript box and paste height="554" after the width="..." parameter. You can customize the height to suit your own blog by replacing the numbers 554 with your own value in the quotes.
    
    E.g. For a Like Box with the height of 200 pixels, paste height="200" instead.
    
11. Don't forget to Save the changes once you are finished :)
    

Blender 3D Instructional Package

View the instructional package:
Blender 3D - Quick Start Guide

This is an interactive instructional package I created for those new to Blender's 3D software.

It's a great guide for those new to 3D modeling, rendering and animation and aims to help you to get started with the basics of using Blender.

The guide covers a lot of topics including how to install Blender, which is a free open source software, and gives you ideas to consider if you're unsure about whether or not Blender is right for you.

There are also video tutorials and other resources to help you along the way, as well as some extras for those who might like to advance their Blender skills.

Alternatively, if you would like to save the SWF file to your computer you can download it from here: Blender 3D - Quick Start Guide.swf (2mb)

Please note that you will need the latest Flash Player or at least Flash Player 10 installed on your computer in order to use the file.

If you would like to upload this to your own website, or if you have any problems or suggestions please let me know by contacting me at http://mariatan.net using the contact form. This way I can continue to improve on the instructional package and let you know about the updates if you're planning to use it on your website.

The video files are hosted by Google so it's all been done for you basically. All you need to do is create the HTML file for it (although that also depends on what sort of website you have).

But apart from that, I'm pretty open to letting you publish the SWF onto your own site under Creative Commons licensing:

Blender 3D Instructional PackageCopyright © Maria Tan | http://mariatan.net

Enjoy!