Blog Badge is a vital element for promoting your blog or special sections of your blog. Here is a step by step tutorial for creating your own blog badge using free tools.

So have you been waiting to host a link party? Or do you want to make a section of your blog popular? Do you want people to easily find you or link up on your site? You will definitely need a Blog Badge. Almost all bloggers you visit will already have their own badge. But how on earth are you going to get one for your blog? No you don’t need a designer for it, you don’t even need to shell out a single penny.

saturday-tutorial-1

I am starting the Saturday Tutorial section in my blog where every Saturday I’ll be posting some tutorial and ‘how to’ posts. So you can expect tutorials on blogging, designing and many more. I am hoping to see here every Saturday and spread some love.

In this ‘how to’ post I am going to show you how to make a badge for your blog using Canva. There are many free sites available and you can easily make this using any of those sites too.

Get a Stock Photo

Get a good stock photo. There are tons of sites where you can get free stock photos like Pixabay.

I am creating a badge for Sunday Journaling – which could be a Link Party or a section in my blog some time in future.

Pro Tip – Look for images that has plenty of blank space so that you can write on it.

Create the Badge

  1. On your Canva dashboard click on USE CUSTOM DIMENSION

how-to-make-blog-badge-for-your-blog-diy-1

2. Enter dimension 200px 200 px and click on DESIGN. It will take you to a new page.

3. Click on UPLOADS and then UPLOAD YOUR OWN IMAGES

how-to-make-blog-badge-for-your-blog-diy-2

4. Upload your stock image

5. Resize and crop the image in the 200 x 200 px box using the transform handlers

how-to-make-blog-badge-for-your-blog-diy-3

6. Add Text, Hashtag and website details.

Pro Tip – Add only necessary text, too much text will kill the aesthetics.

how-to-make-blog-badge-for-your-blog-diy-4

7. Once your desired badge is ready click on DOWNLOAD and save the image in your system as a jpg file.

how-to-make-blog-badge-for-your-blog-diy-5

Upload the Image

1. If you are on Word Press upload the badge on your Media Library and copy the image URL in a notepad

how-to-make-blog-badge-for-your-blog-diy-3

2. If you are on Blogger go to any photo sharing site like PhotoBucket. Upload you image

3. Go to your photo “Library” and select your picture, you’ll need to copy the direct link

how-to-make-blog-badge-for-your-blog-diy-3

Coding the Badge

Now that your image has been uploaded your badge is more or less ready. But how are you going to use it? Simply as an image? NO. You need to make it sharable to your audience so that they can place your badge in their blogs as well. So here comes the important stage of coding the image to make it a function badge! Okay now don’t get scared if you don’t know the ABC of HTML and coding. We are going to do it without writing any code.

I use a code generator called Grab My Button. And it is fairly simple to code an image using this.

1. Fill up the form with the url details that you have collected in the notepad like the Image URL, your Blog URL

how-to-make-blog-badge-for-your-blog-diy-grab-my-button-8

2. Scroll down the page and click on PREVIEW. You will be able to preview the badge at this point. But don’t copy this code

3. Click on the green GET CODE button

how-to-make-blog-badge-for-your-blog-diy-grab-my-button-9

4. Copy the code from this window or click SELECT.

how-to-make-blog-badge-for-your-blog-diy-grab-my-button-10

Now your badge is ready with the code. Paste this code in your post in the HTML / TEXT view. Your audience can now copy the code and place it on their blogs too!

Tina Basu

So now your DIY Blog Badge is ready and you have already become a badass coder!

Guys tell me did you enjoy this #SaturdayTutorial ? If you did let me know what all you would want me to do for #SaturdayTutorials. If you have any queries about the tutorials do let me know in the comments below.

Until next time,

Cheers!

tinabasu

22 Comments on How to make a Blog Badge using free tools – #SaturdayTutorials

  1. Mayuri
    November 5, 2016 at 7:57 pm (1 month ago)

    Super awesome Theme and post, Tina!
    Your detailed and easy to follow instructions will ensure that even a tech challenged person like me will be able to make their own Badge!
    Thank you for this post!
    Mayuri recently posted…The Bride Who Would Not Burn – Rajesh TalwarMy Profile

    Reply
    • tinabasu
      November 6, 2016 at 12:06 pm (1 month ago)

      Thank you mayuri, do make it and let me know

      Reply
  2. Gopinath
    November 5, 2016 at 8:06 pm (1 month ago)

    That’s wonderful…will try it.

    Reply
    • tinabasu
      November 6, 2016 at 12:04 pm (1 month ago)

      yeah try and let me know Gopinath

      Reply
  3. Menaka Bharathi
    November 5, 2016 at 8:09 pm (1 month ago)

    Very useful information Tina. I love the grab your button part.i used HTML and could not change the size of the button.i let it be as it was on my site.now I am going to change it.thanks for the post

    Reply
    • tinabasu
      November 6, 2016 at 11:56 am (1 month ago)

      Yes This Grab my button makes it quite easy, you can even change colours according to your sites theme

      Reply
  4. Atulmaharaj
    November 5, 2016 at 9:33 pm (1 month ago)

    Thanks for the lovely post Tina. I came to know about a new Stock image site.
    Atulmaharaj recently posted…Shukriya Dear ZindagiMy Profile

    Reply
    • tinabasu
      November 5, 2016 at 10:00 pm (1 month ago)

      Yeah I refer to this site pretty often. Thanks for dropping by

      Reply
  5. Modern Gypsy
    November 5, 2016 at 9:40 pm (1 month ago)

    Excellent and detailed tutorial Tina! You’ve broken down and explained the steps in a simple manner that is easy for anyone to follow!
    Modern Gypsy recently posted…Gratitude thread for OctoberMy Profile

    Reply
    • tinabasu
      November 5, 2016 at 9:59 pm (1 month ago)

      Thank you Jini. Yes I want to make my #SaturdayTutorials easy to follow so that one can make it easily. Thanks for dropping by

      Reply
  6. Roma Gupta Sinha
    November 5, 2016 at 9:57 pm (1 month ago)

    Special thanks for this one dear Tina ❤

    Reply
    • tinabasu
      November 5, 2016 at 9:58 pm (1 month ago)

      Thank you Roma. Glad you liked it.

      Reply
  7. SHALINI BAISIWALA
    November 5, 2016 at 10:00 pm (1 month ago)

    Oh how I love this post Gurl – thank you tonnnnnnes! not that I got it all; I am even more tech challenged than anyone else on this planet. I will ping you for some help in getting the URl code- that has gone way over my head.
    But thank you thank you for this post. I am hooked to your sat posts now. 🙂
    SHALINI BAISIWALA recently posted…#NaBloPoMo: Day#5: Soul- Love is the nature of the soul!My Profile

    Reply
    • tinabasu
      November 5, 2016 at 10:03 pm (1 month ago)

      Thank you Shalzy. Yes you can ping me anytime for any query.

      Reply
  8. Shalini R
    November 5, 2016 at 10:21 pm (1 month ago)

    That came as a life saver. Thanks for doing this, Tina. More power to you. <3
    Shalini R recently posted…Honey Chilli PotatoesMy Profile

    Reply
    • tinabasu
      November 6, 2016 at 12:04 am (1 month ago)

      You are most welcome Shalini. I’ll do more in here because I want to spread love

      Reply
  9. Deepa
    November 6, 2016 at 1:13 am (1 month ago)

    Thanks a lot for this post Tina specially the HTML part..I am completely unaware of how this works. But now I know as these are all easy to follow instructions.All the best to u for Saturday tutorials. 🙂
    Deepa recently posted…Moms Birthday #FridayFotoFictionMy Profile

    Reply
    • tinabasu
      November 6, 2016 at 11:53 am (1 month ago)

      Thank you Tina, with grab my button it gets easier to code!

      Reply
  10. Ekta khetan
    November 21, 2016 at 2:01 pm (2 weeks ago)

    Good one Tina..Only drawback I see is that one needs to have a paid account to “custom dimension”. Let me know if I am wrong 🙂
    Ekta
    http://www.hautekutir.com

    Reply
  11. Dixita Mour
    November 23, 2016 at 10:14 am (2 weeks ago)

    Such a useful post .
    Very informative
    Will create a badge for my blog too and let you know about it

    Reply
    • tinabasu
      November 23, 2016 at 11:09 am (2 weeks ago)

      Thank you Deepali. Wait for today’s post for the Logo!

      Reply

Leave a Reply

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

Comment *






CommentLuv badge