SJP Video 3: Steps on Making a Grab ButtonPosted: June 6, 2012 | |
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!
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.
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 ‘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!‘ on page 40 of the June 2012 Edition of
See below the image for a chance to win a $25 gift certificate for Amazon.com! One of my favorite places to shop!
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!
Owner of Sullivan J photography