How to add or update the Facebook Like Box on Blogger

This is the revised guide replacing my previous posts on 'How to add the Facebook Fan Box on Blogger' and 'How to add the Facebook Like Box on Blogger'.

The code for the Like Box plugin has changed since Facebook switched to the new Timeline layout, so the older posts I mentioned above no longer apply.



The Facebook Like Box has also been updated so that it appears on your blog even while you're logged in as the page admin.  However, the Like Box still won't work while you're in preview mode on Facebook.

Here are the new instructions for adding the Facebook Like Box on Blogger and how you can update the existing Like Box on your blog.

---

Instructions:

1.  Get the code for your Facebook Like Box.

You can do this through the Facebook Social Plugin Page, or from your own Facebook page by going to Admin Panel > Manage > Edit Page > Resources > Use Social Plugins > Like Box. 

See the pics below for more info: 

a) Open Facebook Page Admin Panel

b) From Admin Panel > Click Manage and Edit Page

c) Click Resources > Use Social Plugins

d) Scroll down and click Like Box.

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, Height, Color, Faces, Stream, Header and click Get Code.

The settings I used were:
width="200" (The width of your Like Box)
height="558"
Color scheme=Light (White or Black background)
Show faces ticked (Pictures of people who like your page)
Show stream ticked (Info from your wall posts)
Show header unticked (Find us on Facebook bar)

4.  Copy the code under IFRAME.

5.  Sign in to Blogger and click Layout.

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.

11.  Don't forget to Save the changes once you are finished :)

---

Updating the Facebook Like Box on Blogger

1.  Follow the previous instructions from Steps 1 to 4.

2.  Log in to your blog.

3. Go to your Like Box and click on the Edit icon (see pic to your left).

4.  Paste the Like Box code under Content.

5.  Click Save.

How to export PDFs with facing pages on Issuu

A step-by-step guide on how to convert your PDF pages so that they can be seen on Issuu as one spread, instead of individual pages that don't match up.

Here is one example of a document that I uploaded on Issuu which was split into 2 separate pages, even though the pages should be displayed in a single spread:

Issuu facing pages PDF problem - Page 1

Issuu facing pages PDF problem - Page 2

As you can see from the images above, even if it looks OK on Acrobat and you can see the spread, the document's facing pages settings may not work after the PDF is converted on Issuu.

The problem:  PDF with facing pages are published as individual or single pages on Issuu. 

The Solution:  Use Acrobat and InDesign so that your PDFs on Issuu are seen as a spread.

Instructions

1.  Use Acrobat to export your PDF as TIFF images.

You can do this by going to File > Export > Image > then click TIFF.

 See the image below for more info:

2.  Save the TIFF images and open InDesign.

Create a new document, then make sure you tick Facing Pages and also type in the number of pages in your spread.

3.  Place the TIFF images into InDesign  

You can do this by dragging and dropping the TIFF files onto the spread in InDesign, or by pressing CTRL+D (or Apple D on a mac) and choosing the files you want to place into the spread.

4.  Export the PDF

Choose File > Export > then click Save.

In the dialog box that pops up, make sure you choose Layout: Two-Up Continuous (Facing) from the drop down menu and click OK. 

5.  Upload the new PDF generated from InDesign to Issuu.

Your PDF should now display as a single spread with facing pages on Issuu.

Here are two examples of PDFs with facing pages on Issuu that were created using these same steps:  NSW nurses switch union payment options and Super holds up.

If you come across any issues or would like to send me a message, please leave a comment below or find me on Facebook to get in touch.