Ok guys! I'm a little behind the learning curve with all of this blogging business. However, I am learning as I go. Slowly but surely. I promised that when I learned how to do something, I would share it with all of you. Because sharing is caring. I know most of you are ahead of the curve and already know how to do this, but, if you are new like me and dying to know how to make a button to share on your blog, look no further! Just follow the directions below! It looks lengthy and complicated but it really is a piece of cake.
1. Create a button using Picnik. Do this by uploading an image and setting the dimensions to 150x150 pixels, or whatever you want. Place text into your button and save.
2. Upload your button to a picture hosting website. I use Flickr.
3. In Blogger, go to your dashboard, go to Design-Add a Gadget-HTML/Java Script.
4. Copy and paste this html into the HTML/Java Script box:
<a href="URL" target="_blank" title="TITLE"><img src="Image URL" border="0" width="80" height="15" alt="Description" /></a>
5. Now, you will have to make the html code yours.
URL with the URL of your webpage.
TITLE with the title of your webpage.
Image Tag Code with the HTML/BBC code found in Flickr - or whatever image hosting site you use.
That will place the image on your website and when clicked, it will direct a reader to your landing page.
As for creating the link to your blog code box for others to grab your button, follow these directions:
In the same HTML/Java Script gadget that you placed the hyperlink html code, place this at the end of it. Change the relevant particulars to suit you.
<span style="font-weight: bold;">Grab My Button!</span>
<p style="font-weight: bold;"></p>
<textarea rows="3" cols="18" name="Grab My Button" readonly="readonly"><a href="http://runningonhappiness.blogspot.com/" target="_blank" title="Running on Happiness"><img src="http://farm6.static.flickr.com/5015/5507259496_68657fb37c_m.jpg" width="150" height="150" alt="RunningonHappinessButton" /></a></textarea>
Hopefully that makes sense and works! Again, it's just placing titles in orange, your blog's URL in blue and the image hosting HTML code in green.
After that you should have something that resembles my button on the left hand side of the screen. And a beautiful new button with, fingers crossed, workable links!
If you want further help, check out this website, Tips for New Boggers. It is extremely informative!
Let me know if this was helpful, confusing, or if I made an error in trying to explain that to you. Thanks!