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.
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
- On your Canva dashboard click on USE CUSTOM DIMENSION
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
4. Upload your stock image
5. Resize and crop the image in the 200 x 200 px box using the transform handlers
6. Add Text, Hashtag and website details.
Pro Tip – Add only necessary text, too much text will kill the aesthetics.
7. Once your desired badge is ready click on DOWNLOAD and save the image in your system as a jpg file.
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
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
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
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
4. Copy the code from this window or click SELECT.
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!
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,