How to make contact button?

How to Make a 'Contact Me' Button for Blogger

  • Answer:

    Design a "Contact Me" button for your Blogger.com blog as a visual aid for blog visitors to easily locate your website contact information. Color-coordinate your "Contact Me" button with your website's colors or choose a fun image. The "Contact Me" button is uploaded to your blog sidebar as an image and linked directly to your contact information. Before creating the button, you must know the width of your blog sidebar. Create your "Contact Me" button with any graphic design program; these instructions are based on Paint, or you can use a more comprehensive option such as Adobe Photoshop. Difficulty: Moderate Things You'll Need Paint (optional) Pencil and paper Instructions Find the Width of Your Blogger Sidebar Open a Web browser. Go to Blogger at www.blogger.com. Type your email and password. Click the gray "Sign in" button. Click the blue "Design" link under the blog name. Click "Edit HTML" under the "Design" tab. Scroll through "Edit Template" until you find the width of your sidebar. The coding looks like this: #side-wrapper { width: 240px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } Write down the width of the sidebar in pixels. Design the Contact Me Button Click "Start" and click "All Programs." Click "Accessories" and click "Paint" to open the program. Click the "Paint" menu next to "Home" and click "Properties." Type the width and height in pixels, using the width measurement you located in Section 1. Click "OK." Design your "Contact me" button. Use the "Shape" drawing tools, "Text" and "Brushes" to personalize it. Click the "Paint" menu and click "Save As." Save as a JPG or PNG file on your computer desktop. Sign in to your blog at Blogger.com. Click the "Design" link and click "Page Elements." Click "Add a Gadget" and click "Picture." Upload the "Contact me" button picture and add the link to your email or contact information. Click the orange "Save" button. Tips & Warnings Tip: Use an envelope graphic instead of designing a button shape.

Meg North at eHow old Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.