Sunday, May 29, 2011

How to make a Blog Button

All right.  This is SUPER easy.  Here are the steps for Blogger.  I am not sure how other programs work so you will have to adapt if you don't use Blogger.
  1. Get yourself a picture that is about 150x150 pixels (it can be longer but stay with this width).  
    • You can use Picnik.com to crop/resize. <-- AWESOME picture editor.
    1. Save your picture in Picasa.  
      • Every blogger has a Picasa web album even if you didn't know it.  Just sign in to Picasa web album with your Blogger login.
      • To get the URL of your picture right click on it and select "Copy Image Location."  It should start with http:// and end with .jpg (or some photo file type).  You can test your link in a blank window to see if it opens.
      1. Go to "Design" and add a new Gadget.  Select HTML as the type of gadget.
      2. Paste in the code. 
        • Make sure to change the location of your photo and your blog to the correct URLs.
      3. Save the Gadget.
          THE CODE
          <br /><center><img src="IMAGE LOCATION" /></center><br />

          <center><textarea rows="4" cols="15" wrap="hard">
          <center><a href="BLOG ADDRESS"><img src="IMAGE LOCATION AGAIN" /></a></center>
          </textarea><span style="font-weight:bold;"><span style="font-weight:bold;"></span></span></center>

          If you make a Blog Button leave the link in the comments and I will grab it.

          1 comment:

          Sara said...

          I'm trying to make one. Getting stuck on the image location http jpg thing. Where do I find this in Picasa??