How to Make a Button

Once again another code thing that took me a little bit to figure out.  I wanted to have the blog button that had the code below.  Simple and easy....just wait you will have a button made in no time.

Step 1:
Decide on the image you will be using and upload it to a photo editing program.  I used Photoscape because it is awesome and it was free.

Step 2:
Alter your image to an appropriate size that will fit on your sidebar. 

Step 3:
Upload your button to Photo bucket or some other program that creates an HTML code.  Double check your photo size before you grab the direct link code.

Step 4:
Go to: http://www.mycoolrealm.com/sandbox/gbgen/ and follow the instructions.  It doesn't save your code, just gives you an easy and effortless button experience.

Here is what it looks like:


All you do is preview and if it looks the way you want it then copy the code.

Head on over to your Layout page in Blogger; click Add a gadget; pull up the HTML option and insert your code; move it where you want it.  Preview your page before you save.

Here is my button created with the code box:

Have fun!  You won't want to miss this week.  Stay tuned for How to make social media buttons; How to get social media counters for your posts and a few other blog tips I have found that has made blogging a little more interesting.  I love it because I am always learning something new.








No comments:

Printfriendly

Copyright © Consider Me Inspired | Custom Blog Design by Lilipop Designs