How to Create a Blog Button with PicMonkey {Tutorial}

Hi friends!  Today I decided to create a new blog button using PicMonkey.

Artistic Expressions by Elisabeth

You want to know how?

To Create the Basic Part of the Blog Button:
  1. Take a picture of yourself or get a friend to do so.  The one I used for this button is from my trusty cell phone.  :-)
  2. Open PicMonkey.  
  3. Click on "Create a Collage" and click on the "x" on the right side of the collage so that you only have the background divided into two parts.  Then re-size which ever side you want to place your photo image on.
  4. Under the "Photos" tab, click on upload images to upload your image of choice.
  5. Drag that image to the largest section of your collage.
  6. To create a colorful background where your text will appear, click on the "Swatches" tab and select the background of choice, then drag it into the smaller space on the collage.
  7. Save the image.
 To Add Text to the Button:
  1. Exit out of the collage section of PicMonkey and open up the "Edit Photo" section.
  2. Upload your image.
  3. To create text, click on the "P" on the left side of the screen.  That will allow you to add text.  Click on the text font you desire and then type your blog title in the text box.  You can rotate it and re-size it according to your specs.
  4. The size at this point will be too large for a blog button, so if you click on the "Resize" button underneath the "Basic Edits" tab you can re-size the image to 200 x 200 pixels.
  5. Save the image.
To Create the Blog Code:
  1. Upload your blog button to a site that will create a url.  I use Photobucket.
  2. I use the free website "Grab My Button Code Generator."
  3. Once you get to the code generator site, this site tells you the easy peasy steps to perform to create your blog button code.  This works for Blogger or Wordpress based on which button you choose.
  4. Once you get the code, copy it and paste it into an HTML gadget in your template or wherever you want your code to appear.
  5. My piece of advice:  Save that code in a Word document, email or somewhere so you can access it without creating another code, but creating another code really is simple if anything should go wrong.
Hope this helps!

I may be linked up to the following parties:


  1. Thanks for sharing :) i am little tied up making another tutorial. I will get back to you on the mail which we last exchanged soon .. Sorry about the delay in response.


Post a Comment

Thanks for stopping by my blog and commenting. I love interacting with my subscribers. However, due to spam concerns, posting anonymously has been removed as an option. So, make sure you have a profile so that I can respond to you. Say on!

Popular Posts