Showing posts with label blog design. Show all posts
Showing posts with label blog design. Show all posts

Wednesday, January 11, 2012

How to Make a Facebook Landing Page


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 : )

*****Also, check out the giveaway I am hosting.  Last time I looked there were no entries yet.*****
Linking here:
Let Birds FlySomewhat SimplePhotobucketA Crafty Soiree Transformation ThursdayThriftyThurs Thrifty Thursday Week 3436th AvenueCatch a Glimpse ButtonChic on a Shoestring Decorating Lovely Crafty HomeThe Shabby NestPhotobucketTodays Creative BlogTip Junkie handmade projects


Friday, June 17, 2011

Blog Design... Um, I DIY'ed it.

Have you noticed that every once in a while my blog appears different?
          ugh!

 old banner


You'll learn that I have a hard time making my mind up!  But for now, I think I am at peace with this new color scheme and "design" (if you can call it that...because I made it up).
  

So what is new?  Well mostly everything...
  • Like I have a background which I made in PSE
  • These new sidebar headers  ------->
  • New header (made that too in PSE)
  • The lines of text are closer together
  • Random post gadget added on my sidebar
  • Went back to a 2-column blog (from 3-column)
and no, I still can't seem to get my photos to be a size that I am happy with!

If you have any questions about any blog design let me know and I will do a Q and A post.  I have tweaked this Blogger template all by myself.  And I have a few more things I need to redo.  But I am learning a lot- which was one of my goals of starting a blog.  But everything you see, I have done so I could walk you through if you needed some help.

Share this

LinkWithin

Related Posts Plugin for WordPress, Blogger...