Thursday, June 14, 2012

What do you think of my new blog mascot? A blog button mini-tutorial

This is the 2nd or 3rd try…it looks pretty good but I'm still not sure. The last one was also a cat, but there was too much detail that got lost when it was shrunk down. Hope this one will work as a blog button! Of course, it has to be much smaller, like this:
The web site app I used to generate the button code is called the Grab My Button code generator, appropriately enough. First I uploaded this 150 pixel by 150 pixel image into this blog post, then clicked on the image while in the Blogger editor. The blue option bar shown below pops up.
Click on Edit Link, then select and copy the code for the image. 
Paste image code into the Your Image URL box on the Grab My Button page. Follow directions on the page, then paste the resulting code into an HTML gadget on your Blogger blog. 

This mini-tutorial doesn't cover every single step, but I hope it helps somebody.

6 comments:

  1. Thank you so much! I had been trying to figure out how to make this and I could never get it to work.
    Thanks again!

    Swimming Into Learning

    ReplyDelete
  2. You ROCK!!!! I've fought with this for a few days and never could figure out where to find the url for my image. Thank you so much...a new and devoted follower! :0) Oh and absolutely, perfectly adorable icon!

    ReplyDelete
  3. Thanks, Heather, very nice to hear from you!

    ReplyDelete
  4. Thank you for linking up this week at my Thursday's Tech Tips for Teachers and helping my followers! I'm your newest follower!
    ~Fern
    Fern Smith's Classroom Ideas!
    Fern Smith's Pinterest Boards!


    ReplyDelete
  5. You're welcome Fern, thanks for hosting it!

    ReplyDelete

Please leave a comment...I enjoy reading them!

Related Posts Plugin for WordPress, Blogger...
Pin It button on image hover