SJP Video 3: Steps on Making a Grab Button

Today’s lesson is on how to make a grab button.  What is a grab button? It’s an HTML code that has an image, for example your logo, and under it will be a code for others to copy and paste to their website. This will place a button on their website so when someone clicks on the button it links to whatever website you tell it to go to.

Check out videos below for more details:

These are the basic steps:

1.  Size your image – button.

2.  Add image/button on a site like Photobucket.

4.  Go to this link to generate code: http://www.mycoolrealm.com/sandbox/gbgen/

5.  Paste on your widget or any html area on your blog or website.

6.  Test to make sure it works properly.

 

 

I would also like to give a huge THANK YOU to mycoolrealm.com.  You have made it easy for us to share our work with others!

UPDATE:

I received an email from the creator of the grab button.  Please read the following:

I’m the creator of the “Grab My Button” Code Generator page, and I just wanted to thank you for linking to my web app and for creating a great video tutorial on how to use it.

There’s also one little thing I’d like to clarify, the width and height settings are not for your graphics but for the container of your code.  Since usually the width of the code container is good enough, it’s certainly useful to set its height to a higher value (e.g. 100px), especially if you’ve chosen “pre” to be the type of container because, as you’ve stated on your video, it’s very useful if the user can see the whole code and not just part of it (and also because choosing “pre” doesn’t allow you to drag its corner and expand the code area as “textarea” would).  Like you,  not being able to drag it was something that irritated me, and that’s one of the reason I added those options to the generator.

Thank you for taking the time reading this. Have a wonderful weekend.

Juan

Thank you Juan for the clarification 🙂

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ENTER OUR NEXT GIVEAWAY!!!

Yep, I’m excited again!!! I’m having another giveaway because I want to celebrate my quick ‘Tips & Tricks‘ on page 40 of the June 2012 Edition of Popular Photography! I really enjoyed working with Senior Editor Peter Kolonia. It was a pleasure working with people who enjoy your work; they made me feel good :0) I can’t say enough THANK YOU’s for their support!

See below the image for a chance to win a $25 gift certificate for Amazon.com! One of my favorite places to shop!

Download a pdf with info about the work by clicking on the image below:
Tips & Tricks June 2012, my quick article

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

How to Enter:

Win a gift certificate for one of my favorite places to shop – Amazon.com!! Just go to your Facebook, Twitter, Blog or Flickr account, and post the following:

Celebrate Janice at SJP @sullivanjphotog for the June tips on PopMag/ @PopPhoto and win a $25 gift card/ @amazon yep amazon.com!

Next, add the URL to your link where you posted the above info in the comments for THIS ENTRY. Comment must be posted here by 11:59 p.m. PST on Wednesday, June 13th, (my hubby’s birthday 🙂

The link you post must direct to a public account. We cannot verify links on private, friends & family only, or password accounts and they will not be eligible to win this item. If we have to subscribe to your feed or page or request permission to see it, you will automatically be disqualified.

****You have four chances to win but you must post each link as a different comment to have multiple chances to win – please do not post the same link multiple times – duplicate links will be removed. Comments are held for moderation because of spam issues. But they will go up, I promise 🙂

Comments must post here and will be numbered in order of posting. The winning number will be chosen by Random.org, and the winner will be contacted within 24 hours of contest’s end to claim their prize. GOOD LUCK!

Janice Sullivan

Owner of Sullivan J photography

Advertisements

One Comment on “SJP Video 3: Steps on Making a Grab Button”

  1. […] to learn how to make a button?  Check out my Tips & Lessons blog.  I show you the steps on how to make an html code so others can grab the code and place it on […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s