Did anyone notice that I got a Facebook page started for my little ol' blog?
Yep. AND when you swing by there (to Like me, of course) you will see my neat "landing page."
I made it all myself and I will show you how to do the same!
First, you will need a graphic (jpg file to upload). This is THE picture that you want newcomers to your fb page to see. Apparently, it is also a way to encourage new "likers" by adding arrows pointing up to the Like button.
How to Make a Facebook Landing Page {5 steps}
1. Make your graphic. Use anything you are comfortable with. I used Photoshop Elements. But Picnik would work the same. Just remember that the space you will be putting this thing is only 520 pixels wide. I made mine 520 x 400. The height is up to you, I just chose 400 and I liked it.
Confession: I actually made mine 1040 x 800 pixels (double) and then changed the dimensions in the html part (later). Why? I don't know
2. Save as jpg or png. (If you need a transparent background, use png. I saved mine as png, again, don't know why I do things.)
3. Now upload it to someplace like photobucket or picasa (or other photo-hosting website) and get the direct link and click to copy it.
4. Click here to get the Static HTML app on your Facebook page (will need to login). Click to
install this app.
5. Now, go to your Facebook page. Click Welcome in the left column of your page
and enter this code:
<body>
<img src="http://PasteLINKTOYOURPHOTOhere"/>
</BODY>
Click Save. Done.
If you did like me and made your graphic larger than 520 wide (hopefully you chose a multiple of 520 to make it easy), then specify the height and width you want it to be in the html. Please maintain your proportions or it will be distorted. Or if you load it and it gets cut off, you can adjust the width in this way by setting it slightly smaller, like 510, until it fits in your fb window.
Type this between "img" and "src" and it will work:
width="520" height="400"
Again, these numbers are the dimensions of my graphic on my landing page.
Now if you want that to be the link from your Facebook icon on your blog, you will need to copy the link to your Welcome (aka Landing Page) and replace the link you have in your html associated with that icon on your blog. This will be in your Blogger Template. If you want an example just leave a comment and I will GLADLY show you where I am talking about! I don't know what you already know about html and blog stuff! : ) I'd be glad to share, because I have done everything here myself. I am happy to clarify anything too! Just LMK : )
Linking here:
