Need a button take a button, how to make a grab my button code box
Thursday, August 19, 2010 | 
Posted by
Lisa P@www.isitmondayalready.com
Most blogs including mine have a button code box, that is those little buttons to advertise our blogs with and the HTML for others to"grab" the code and paste it on their pages.
This is a good way to get the word out on your blog, or maybe a blog event you have going on! First you need a button, even someone with no design experience can create one. First the most common size is 125 px by 125 px. You can Create one in even the most basic program like Microsoft paint. Once you have the finished image you need to host it somewhere off of your computer where others can access it.
I use Photobucket but Picasa, along with other sites work just fine as well. OK once the photo has been uploaded to the photo host make sure you copy the photos direct URL.
Once you have that information copy the code in the box below and replace the Your photo URL with the URL to your photo, and the your URL with your blog URL and the your Blog Name with your actual blog name
<table border="0" width="100%">
<tr>
<td align="center"><img src="PHOTO URL" alt="" /><br/>
Copy and Paste Code</td>
</tr>
<tr>
<td align="center"><textarea cols="13" rows="9"><a href=" YOUR BLOG URL" target="_blank"><img src="PHOTO URL" border="0"></a></textarea></td>
</tr>
</table>
Now add this code into an HTML/Javascript gadget and your all set!
This is a good way to get the word out on your blog, or maybe a blog event you have going on! First you need a button, even someone with no design experience can create one. First the most common size is 125 px by 125 px. You can Create one in even the most basic program like Microsoft paint. Once you have the finished image you need to host it somewhere off of your computer where others can access it.
I use Photobucket but Picasa, along with other sites work just fine as well. OK once the photo has been uploaded to the photo host make sure you copy the photos direct URL.
Once you have that information copy the code in the box below and replace the Your photo URL with the URL to your photo, and the your URL with your blog URL and the your Blog Name with your actual blog name
<table border="0" width="100%">
<tr>
<td align="center"><img src="PHOTO URL" alt="" /><br/>
Copy and Paste Code</td>
</tr>
<tr>
<td align="center"><textarea cols="13" rows="9"><a href=" YOUR BLOG URL" target="_blank"><img src="PHOTO URL" border="0"></a></textarea></td>
</tr>
</table>
Now add this code into an HTML/Javascript gadget and your all set!
Subscribe to:
Post Comments (Atom)
2 comments:
I won't even tell you how hard it was to find that info out when I first started my blog. You're probably helping a skazillion people!
I really hope so Elizabeth! That was my goal for this week, it is hard to find what you need for sure. This is why I am putting together these tutorials all week in one spot!
Post a Comment