How to create a blog or linky badge in 10 minutes

Creating a badge for your blog or linky and adding code so that others can add it to their sites doesn’t need to be a complicated process. The badge I use for my “From the mouths of babes” linky took me approximately ten minutes to create and add to my blog. This is how I created my badge using Picmonkey:

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

1) On the Picmonkey website I started by clicking on design, followed by the square canvas

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

2) I then clicked on the butterfly icon on the left hand side to add an overlay. I uploaded my photo by clicking ‘Add your own’ and dragged the corners of my image until it filled the canvas. I chose this photo of Jessica as a background because it had plenty of blank space for me to add a speech bubble and text. How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

3) Next, I added a speech bubble (found in the ‘comic bubbles’ section in overlays).

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

 

4) I then clicked on the Tt icon on the left hand side to add text to the speech bubble.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

5) Finally I added my logo using the ‘Add your own’ function in the overlay menu again.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

6) After clicking ‘save’ I then adjusted the image dimensions to 150px by 150px (a good size for a linky badge) before saving the badge to my computer.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

7) The next step was to upload my badge to Photobucket as the image needs to have a URL for the badge code.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

8) I generated the badge code by using a code generator found at: http://www.mycoolrealm.com/sandbox/gbgen/ where I just needed to enter my blog name, blog URL and the URL of my image. You can change other settings on this if you wish but I was happy with the default settings.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

 

9) Finally, I copied the code generated into a text widget in my blog sidebar. I also add the code at the end of the linky post each week to make it as easy as possible for those linking up to find the code.

How to create a blog or linky badge in 10 minutes - Little Hearts, Big Love

Voilà! One linky badge complete with code created in about ten minutes.

 

I used a photo as the background image for my badge, however, Picmonkey has a range of different themes, effects, overlays and fonts that can be used to design a badge if you don’t have a photo or image to use as a starting point for your background. Some of these are free to use, others require you to upgrade to Royale membership which costs $4.99 per month or $33 per year after the 30 day free trial period.

 

Those of you who are eagle-eyed may spot that my example badge is slightly different from my linky badge. I actually used a combination of the A Beautiful Mess app on my phone and GIMP on my computer to design my badge originally which while it was still a quick process is more complicated to explain than using Picmonkey as a design tool.

The List

44 thoughts on “How to create a blog or linky badge in 10 minutes

  1. Thank you for sharing your experience. I use blogger and an option to get link to photo is save the photo in a “non-published” draft page. Then you grap the image file name from there. A little mess but does not require to save on exterior photo site. Great tutorial.

    1. Oh that’s handy if you can avoid having to use an exterior photo site. Thank you for letting me know.

  2. You are awesome Louise, thanks so much for sharing! I’ve only just got onboard with Picmonkey but am absolutely loving it! Have a great weekend 🙂 #thelist

  3. The Mother says – This is so useful. Will be ‘favouriting’ this tutorial. Really useful xx #sharewithme

  4. Quick and easy tutorials are always a godsend to newbies like me. This is fab. Thank you so much for linking up to Share With Me #sharewithme

  5. Thanks so much Louise – I have no idea what I am doing when it comes to code… and naively didn’t realise that such tools exist. Something new to explore over the weekend :), thank you for sharing. #TheList

  6. Great tutorial, Louise. I know some are a bit intimidated by creating their own things but it’s not too bad. I love Canva, it’s a good alternative to PicMonkey for those who’d like to try something different. That code generator is awesome! xx #TheList

    1. Thanks Leigh – I love the code generator, has been so useful. I haven’t tried Canva – will have to give it a go.

    1. Thank you Hannah, so glad you found it helpful and always a pleasure to link up to #TheList 🙂

  7. Thankyou so much for writing this post… I used all your advice to ceate my new linky badge! I literally coundn’t have done it without you!!

  8. Hi Louise, thanks for this, it’s really useful! I’m setting up a blog link up and the one thing I haven’t yet managed to do is get the text for my badge into the text box. I’ve made a text box but the text doesn’t show up. Any tips on how it works?! Thanks x

      1. Thanks Louise. I ended up calling on a techy friend for assistance but that link you suggested looks really useful. I think I need to learn a bit more about code and HTML! If you fancy joining my new link up, it starts in June #FamilyFriendlyStays

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.