January 11, 2012

Blog button created!

I have finally created my blog button with the help of a tutorial from The Little Hen House.  Thank you, Mama Hen!!

There are 2 of them which you can choose from.  Grab and share and help my blog grow!  I will absolutely return the favor, just leave a comment to any of my posts. 
Little did I know that it only takes a while to create it as long as you have the right image in your files already. You can use almost anything.  Anything that best represents you or your blog.


I just did a few of a friend's recommendation to use Picnik as the button creator, and Photobucket as the html generator.  Photobucket is good but kinda  hard to crop the buttons in exact square.

Here's what I did:
  1. Upload image to picnik.com.
  2. Crop into square. 
  3. Add the Blog title.  Choose the font and the text color wisely.  Make it stand out.
  4. Resize to 125x125, 150x150, 300x300.  You need only 1 but it's better to have multi-sizes just in case you need a bigger button. The photo on right is resized into 300x300 and the one on the left is 125x125.  If you'll blog about it, it's nice to have the bigger size for sharpness and clarity when you enlarge them. FYI, the standard is 125x125 and 150x150.
  5. Save all 3 in your computer.
  6. Create an account at Photobucket.com
  7. Upload the image you just made at picnik.com to generate an html code.
  8. Copy the html code.
  9. Open your Blog (Blogger or Word Press).
  10. Select an HTML or TEXT Widget/Gadget.  Either one will do.
  11. Copy and paste this:  <left><a href="http://BLOGURL" target="_blank"><img src="Photobucket Image Link"></a>
  12. Then change all highlighted texts to designated Blog's url address, and the source of the image.  You can find that from the link you copied at Photobucket.
  13. You can change orientation of the button by changing LEFT to RIGHT to CENTER. Your choice!  Also, leave out the space.  There must be no space when typing url address or the image link source. 
Got it?

Feel free to grab and share my button.

The only thing I couldn't figure out here is the Grab Box.  I still need help.
Related Posts Plugin for WordPress, Blogger...