Multiply Themes

How to Personalize Footer

How to have a personalize footer with your name on it?

The answer: You have to make your own footer image.

If you can make a banner, you sure can make a footer youself! And yes, with your name stamped on it. I will be basing my tutorial on this theme that I made – Hannah Montana.

As you can see above is the footer image I made for that theme. How did i achieve this?

1. Using photoshop, i opened a new document with the dimensions 770px by 254 px. The width is the same as the width of the page-body and the banner. You can have your own dimensions but what’s important is, it has to be the same width as your page body.

2. I basically use the same background of the page-body to achieve proper blend for the entire theme. Then i open the elements like the pictures and swirls and pasted them on the my document. You can drag the elements wherever you want them to be by using the Move Tool.

3. Using the Text Tool, I stamped my name along with www.multiplythemes.com on it.

4. Then I hit File > Save for Web Devices (Alt+Ctrl+Shift+S on my Keyboard) and save the image as a JPEG file.

Once you have made this banner image. You can now upload it on your Multiply or Photobucket (whatever your image hosting site is) and then get the URL. If you upload your images in Multiply, make sure you zoom it in before you get the Image Location or URL. When it is zoomed in already, you can Right Click on your mouse, Select Properties and then copy the URL.

Now for the CSS. We will then try to put the image on our theme. This is the code i use for the footer of the Hannah Montana theme:

div#ownedfooterc {
background: url(“URL OF YOUR IMAGE”);
background-color: transparent;
width: 770px;
border: 10px solid #86492e;
border-top: none;
height: 254px;
margin-bottom: 40px;}

As you have noticed, I have added the width and height of my code to perfectly fit my image. If your image’s height is different, change the values of the width in your CSS. Once you have done it, click on Save and you’re good to go!

If you have any questions or suggestions on this tutorial, feel free to drop me a comment below.

28 comments February 9th, 2008

Gluttony (7 Deadly Sins 3 of 7)

“Gluttony is the over-indulgence and over-consumption of anything to the point of waste. In the religions, it is considered a sin because of the excessive desire for food, or its withholding from the needy.”

This free multiply layout is the third of the 7 sets of the Seven Deadly Sins. It has an animated background, customized bullets and hover cursors. The images used on this entire set is courtesy of Marta Dahlig.

Here’s how to install the theme:

1. Click on Customize my Site;
2. On the yellow strip (in your page’s top) choose the first option, Choose a Theme ;
3. You’ll see 25 themes made by Multiply. Select the “SANDSKRIT” theme. If you are not sure how to do it, you can select that by clicking on this link: http://multiply.com/setup/pages/themes/sand;
4. Your page has now a light green and blue layout, very pretty. Click again on Customize my Site; on the yellow strip choose the second option, Custom CSS;
5. Copy and paste the CSS code below into the text box on your Custom CSS page. If you prefer, the link for the Custom CSS page is this one: http://multiply.com/setup/pages/upload-css.
6. Click SAVE and… enjoy your new layout!

---

To copy the code here, click inside the text-box and type Ctrl+A and Ctrl+C

---

---

To paste the code on your Custom CSS page, type Ctrl+V

---

3 comments February 8th, 2008