As you may already know, I have only recently created a Facebook page for StandOutBlogger (you should become a fan!) and I created a tutorial about How To Create A Facebook Page For Your Blog.

Now that post was given a lot of love by my readers so I wanted to show you all how you can drastically improve you Facebook marketing by creating a landing page for your blogs Facebook page (and I have even included the final PSD file- so if you have Photoshop you can easily edit my design to suit your Facebook landing page).

Why You Need A Facebook Landing Page

When you create a Facebook page for your blog first time visitors are greeted by your wall (which is full of your latest comments), which isn’t necessarily a bad thing, but it is not ideal.

The best thing for conversion of fans is a Facebook landing page.

A Facebook landing page is simply just a page that gives new visitors a quick overview of who you are and what you do, and then directs them what to do next.

Here Is The Facebook Landing Page We Will Be Making With This Tutorial

(click to view full size)

As you can see it has a lot of information without being messy. I a couple of seconds new visitors can find out:

• Who I am (Picture makes it personal)
• What I Do (And why they should become a fan)
• Logo (Build your brand from the start)
• Call To Actions (‘LIKE’ the page, or sign up for your email list)\

And the best thing is, that if you have Adobe Photoshop, I have included the final PSD at the end of this tutorial so you don’t have to start from scratch (you can just edit the template and upload it to your Facebook page).

Facebook Landing Page Tutorial

Start With A Blank Canvas

I did the measurements and found that the best size for a Facebook landing page image is 770px wide x 450px high. Feel free to mess around with those numbers, but that is what worked for me.

So open a new canvas and start with a white background. (no need for an image for this step!)

Part 1. Creating The ‘LIKE’ Page Call To Action

Select The Rectangle Tool From The Toolbar

Create Thin Rectangle Across The Top Of The Canvas

Add The Facebook ‘Like’ Button

To get the Facebook ‘Like’ button, you can either go to a Facebook page and take a screenshot, then cut it out. Or you can do a Google search to see if you can find one (also, it is included in the PSD at the bottom).

Paste and resize the button to fit inside your rectangle.

Download Hand Drawn Arrows File

The whole point of the like button on the landing page is to encourage visitors to click the real button that is above. A great way to accentuate this point is to include an arrow. I found a great selection of vector arrows created by DragonArtz.net. Download them and open them in Photoshop.

Open the downloaded file in Photoshop and select the one that you like best. Cut it out (it has transparent background) and paste onto you landing page canvas.

Change Colour, Rotate and Flip Arrow Into Place

Now you are probably not going to want the blue colour for the arrow (it definitely conflicts with the dark grey), so go to blending options for the arrows layer and and select colour overlay. Select colour to suit your corporate colours.

Then press Control + T to transform the arrow to be the right size, and face the right way.

Add Text  – And Space Around Button

I used the font ‘Aller’ at size 18, but feel free to try out different fonts and wording.

And that finishes off the top bar, let’s get into the rest of the Facebook landing page!

Part 2. Adding Your Branding

This next step is setting up the images that will show people what the page is for (and who is behind it). So we are talking about the logo and picture of you!

Adding Your Logo

Paste your logo onto the canvas and place it in the top left corner under the banner that you just created.  Scale to a reasonable size.

Time For People To See You!

If your business or website relies or being personal then I highly recommend that you add a photo of yourself. If you are a bit camera shy, feel free to add a image of your website or your products or services.

1. Paste the image of yourself onto the canvas and resize to fit vertically between the bottom of your logo and bottom of the canvas.

2. Add a Drop Shadow – change settings to suit your preferences.

3. Rotate the image - this makes the image stand out better.

The Facebook landing page is coming together nicely! We will now move onto the main content which will tell people who you are and why they should connect with you.

Part 3. Adding The Content Box

Add Rectangle Shape

Just like the rectangle we added at the start but this time we are creating a much deeper one.

Choose a colour that once again matches your branding (I prefer a very light colour) and position the layer behind your photo.

Add Style To Your New Box

To the rectangle box I then go into ‘Blending Options’ and add a drop shadow (the same as on the photo) and a 1 px stroke. The stroke colour should be a darker version of the box colour.

Add Your Blurb

This is just basic typography, but to give you an idea of what I did, I used the font ‘Antipasto’ at size 18.

You will also notice that I left aligned the text blog, but tabbed the lines out to follow the photo.

Creating A Signature

I love the idea of having a ‘hand written’ signature at the bottom of my blurb as it just gives that additional touch of personalisation. I made the signature colour a dark blue to look like a blue ballpoint pen.

To get the scripted look I used the font ‘Jersey Stories!’ at font size 80.

Rotate The Signature For Effect

Now it is really beginning to look like a landing page, the only thing we have left now is an offer that will convert people to your email list.

Presenting Your Offer

I specifically left right hand side of the Facebook landing page free, so that I would have room to place an offer to help convert people to my email list.

Tell People What To Do

Obviously we want people to sign up to our email list, so let’s tell them to.

I simply used a font called ‘Kozuka Gothic Pr6N’ in bold at 24 point font (but once again select fonts that you like). I did the first layer in the same dark gray as the top banner, and then dupilicated the layer and made the second layer orange and lightly moved it up and to the left to show the dark gray layer as a stroke.

Detail What Is On Offer

Now they know what to do, you need to tell them what they are signing up for. So if you have a free product or service you give to new subscribers then detail that in a few words.

Show The Product

Most people are visually persuaded, and that is why I created a cover design for my ecourse. If you have something similar then paste and scale your image below your offer.

Add A Signup Button

All you need to finish off your Facebook landing page is a button to tell people to sign up for your offer. While the truth is that the whole image will be link to your sign up page, people need to be directed (you can’t expect them to know what you want them to do)

Now I don’t bother creating buttons from scratch because there are so many pre-made one already available online. I personally get my buttons from Button-Download.com – they have a huge selection I like their style.

Select the one that you want on your landing page and click the ‘PSD’ link to download.

Open Button & Edit To Suit

This will come to personal preference, but I changed the text on the button to ‘Get It Now’ because people want the product, they don’t want to sign up.

Once you have done that paste it into your design and you are done!

To learn how to install this image and link it through to your signup page please read my tutorial on ‘How To Create A Facebook Page For You Blog‘.

Download The Template PSD

To see this Facebook landing page in action visit the StandOutBlogger Facebook page (and don’t forget to ‘Like’ it while you are there!)

If you liked this post, then would you please share it through the links below.

My FREE e-course will show you the 7 Things Every Successful Blogger Has!

One thing that I never realised was that all the people that had unsubscribed from your Aweber email lists were still counted as part of your total subscribers when bill time comes around. And since Aweber account prices are based on the amount of subscribers you have – this could be costing you money each month.

I was looking at all my email lists and found out that I had 391 people who had unsubscribed from my email list – it that pushed me over the next price bracket it could be costing be an additional $10-80 a month (depending on which price bracket I was in).

But don’t start stressing, there is an easy way to remove all the emails that have unsubscribed and I will show you (with screenshots) in this tutorial.

(For this tutorial I will be using an email list for my brothers Architecture company Archilads which has 79 unsubscribers)

Removing Unsubscribed Emails From Your Aweber List

1. Select List & Search Subscribers

The first thing you want to do is make sure you have selected the email list that you you to remove the Aweber subscribers from. After you have done this, head to the top right of the page and put your mouse over the ‘subscribers‘ tab and select ‘search‘.

2. Select Unsubscribe And Save

From the drop down menu, select ‘Unsubscribed‘ and then click the ‘search’ button (but double check you have unsubscribed selected, because it would be terrible if you deleted the subscribers that want to hear from you).

3.Select All In The Erase Column

Now just clicking delete doesn’t work with this segment, so you have to select the ‘erase all‘ check box (which is the blue one!) and it will select all the subscribers on that page. Now if you have hundreds of unsubscribers then you may need to repeat this process a couple of times because Aweber only shows a maximum of 100 per page.

4. Save Selection (Delete)

This is it, once you click save, those unsubscribed emails will not longer be a part of your list! So click ‘save’ (because it is going to save you money – sorry for the bad joke!)

Just To Prove It Worked:

So there you go, quite a simple process but if you didn’t know about it (like I didn’t) then it could save you some money each month.

Don’t Use Aweber?

Aweber is the list building tool that I use and recommend.If you are not already building an email list, then head over to Aweber and take advantage of their special offer of the first month for just $1.

My FREE e-course will show you the 7 Things Every Successful Blogger Has!

A lot of people have said to me that they would love to create an ebook cover in photoshop – but they don’t own Photoshop. t is quite an expensive piece of software, so for anyone looking to create amazing looking ebook covers – without Photoshop, consider this great product.

WEB 2.0 Covers

(Click On Image To Learn More)

Web 2.0 Covers allows you to make sure of some fantastic free software and will definitely save you a lot of money in the long run.

Don’t wan’t to design your own? Find a cheap Ebook Cover Designer (For Under $10!)

However if you are looking for a free tutorial (that is quite old and bad (sorry, but I’m not that much of a designer), read my photoshop ebook cover tutorial below.

This is a simple tutorial on how to create a fantastic looking ebook cover for your latest project using Photoshop. For this tutorial I will be designing the cover for my forthcoming ebook series on how to successfully launch a blog.

1. Ebook Cover Template
   Why reinvent the wheel? The people over at EbookTemplateSource.com have created some free black ebook covers for you to work with.Here are their three options:

   	This cover is suitable for smaller ebooks, newsletters/ezines or special reports. (52 KB)
   	Standard “hardcover” ebook. This design is suitable for most ebooks. (33 KB)
   	Tired of the same old covers? This design will certainly set you apart from your competition. Optional: Set your page layout inside your ebook to “landscape” instead of the standard vertical layout. (27 KB)

   For this tutorial we will be using the first ebook cover template.

2. Front Page Design
   Once you have downloaded the ebook template that you want to use, unzip it and open the file titled ‘cover01_blank.psd’

   
   This will be the starting point of your ebook design. Now lets start creating our amazing ebook cover.

3. Your Cover Background
   I like to start with a simple gradient. I have chosen two blues that go with my logo for branding purposes.
   And then to make the design a little bit more unique we will find a great free stock photo from sxc.hu to blend into the background. There are many great stock photography websites around but I love sxc.hu because the photos are free and all it requires is a simple free registration.

   As the cover is for an ebook series on launching blogs, I started using the search term ‘rocket’ and came across this space shuttle photo that I decided fitted perfectly.

   
   The next step is to copy and paste the image into a new layer above the gradient background, and then in blending options set the opacity of the image to a desired level – so the gradient shows through. For this ebook cover I set the opacity of the image to 41%.

   

4. Creating Your Ebook Title
   This is where you need to think about branding. And ask yourself exactly what you want from your design. With this ebook cover I was looking for a title that looked ‘spacey’ almost a little ‘alien’ as the concept of the ebook is to launch your blog, and we were playing with the space shuttles for the image. So where do space shuttles go? Into space of course.

   That meant we needed a new font for the title, and there are a couple of great free font websites on the internet. I personally use DaFont.com.

   

5. Insert Your Subtitle
   Your subtitle is the main point of your ebook. The Phrase that will make your visitor want to buy or download your ebook. For this ebook we decided on ‘Planning Your Blog For A Successful Launch’. It tells exactly what the ebook is about and should capture the interest of anyone who is looking to start a new blog.

   For subtitles it is best to keep the font simple. We have used Tahoma, and made the phrase 24pt so that it spans over two lines.

   
   
   

6. Add Logo And Branding
   This is where you let people know who you are. Credibility sells, and people like to know who they are buying from. As this ebook is written for branding a blog I have added the words ‘A Free Blogging Tool By’ followed by the logo of the blog. Now we have finished with the front cover. Let’s see how it turned out!

   
   Just a few more steps to go before you have finished your first ebook cover. We now have to import the front cover into the ebook template.

7. Open File ‘cover01.psd’
   This is the other psd file from the folder you unzipped. And looks something like this:

   

8. Flatten Front Cover And Paste Into Ebook Template
   Now go back to the front cover we just created and flatten the images by clicking the ‘Layer’ menu tab and clicking the selection right down the bottom that says ‘ flatten image’.

   
   Now copy and paste this image into the ebook cover:

   
   So close now guys! Just two more steps!

9. Free Transform The Front Cover Layer
   Now we just have to make the front cover fit properly into the ebook template. You do this by taking the following steps:
   • Select The Front Cover Image Layer
   • Press The Control Button and ‘T’ at the same time – To transform
   • Right Click on the image and select ‘Skew’
   • Drag each corner until it fits in the corner of the blank front cover
10. Save Your Completed Ebook Cover

You should end up with something similar to this:

I hope you enjoyed this tutorial. Make sure you subscribe to our feed or email updates.

My FREE e-course will show you the 7 Things Every Successful Blogger Has!