HOW TO: Add Text and Images over the Top Bar Image.

Wednesday 1/13/10 time 6:55 AM - Sjoerd @Moogo

In a previous blog post we have shown how to add your own image to the top bar (header). But as we are constantly improving and updating the Moogo service, our esteemed and brilliant colleagues (read: geeks) at the tech department have developed another feature to customize the top bar. Instead of replacing the entire image, you can now also add an image over the top bar image, and add text on top of the top bar image.

It works as follows:

1. After having logged in to your Moogo website, click on the button on the upper left corner of the header. There is a new button there, a green plus sign. Click on it.

2. A window will show up where you can add the image and/or add a text.

3. If you want ADD AN IMAGE, click on Select Image. This will bring up the file browser.

3. In the file browser, choose the folder where you want to save your image, and click on "Browse" to find the image file of your company logo from your own computer. When you found it, double-click or click open. Back in the file browser, click send. It will now be uploaded to the folder of your choice.

4. When it appears in the folder, click on the behind the file. Now you have put your image file on the top bar.

5. If you want to ADD TEXT, just type in the text of your choice in the text field under "Text showed up on top-bar". You will see that it will appear on the top bar while you are typing. This way you can see exactly how it will look!

Below the text field, you can change the text size and the color. Just click "Save" and you are done! 

Tip: make sure that the text does not vanish in the background color, so choose a good contrast between the text and the background, while making sure that the colors fit together.