Every blog has a logo,a tagline which distinguishes it from other blogs.If you run your blog on the Blogger platform,by default your blog will have the Blogger logo.You can see that at the top of your blog beside your blog’s name.
In this post,I will show you step-by-step how you can change this Blogger logo into a custom logo specifically designed by you for your blog.It’s not compulsory to change your blog’s logo,I mean the choice is entirely yours.However,my advice would to be to change it simply because your blog looks more professional and in the larger scheme of things,these things matter.It encourages trust among your readers.So without any delay,let’s just get started and see how you can change your blogger favicon to a custom favicon.
Note* – A favicon also known as a shortcut icon,website icon,tab icon,URL icon,or bookmark icon,is a file containing one or more small icons,associated with a particular website or web page.
Log in to your blogger dashboard and click on Layout.
Once you click on Layout,the entire layout of your blog will appear on the right side of the dashboard.At the top you will find a section called Favicon. Just click on the Edit link present inside the Favicon section.
The moment you click on the Edit link,a pop up box will open titled ‘Configure Favicon’.Click on ‘Choose File’ to upload your custom logo image from computer and than click on the Save button.Remember your custom logo must be a square image and less than 100 KB.
That’s it!You have successfully changed your blogger logo and replaced it with your own custom logo.Now if you view your blog,you will see your custom logo instead of Blogger logo beside the blog’s name.
Changing your blog’s logo is easy but the problem arises while creating the logo.I tried using paint to create my blog’s logo but I just couldn’t get it right mainly because I couldn’t create a perfect square image.So for those of you who have no idea how to create a custom logo for your blog,here is a small additional bonus tutorial.Click on this link and download GIMP which is a free and open source image editor and which will help you create your custom logo effortlessly without any hassle.After you download and install GIMP in your PC,follow the steps as shown below.
Open GIMP and on the top left hand side,click on File and than New.
Once you click on New,you need to enter the width and height of the image which you are about to create.Since we want to create a square image,both the width and height must be of the same value.So put 250 in both the boxes and than click on Advanced Options which is present right below it.
The moment you click on Advanced Options,you will see additional options popping out.Just go to the ‘Fill with’ option and select transparency from the drop down list and than click on OK.
Now once you click on OK,you will see a transparent image of 250 pixels width and 250 pixels height right in front of you on the screen.
The basic part of creating your custom logo is over now and from here on things get a bit tricky because you might have a specific design in your mind for your logo and if you’re using GIMP for the first time,it might be a bit intimidating and overwhelming to understand how to incorporate that design inside the transparent image you just created.My advice would be to go to YouTube and see tutorials related to GIMP to get yourself acquainted with the software.For simplification and to complete the tutorial,let me just create a simple logo for you to understand how its done.On the left hand side,you will find two small rectangle windows called Foreground and Background colors,click on the top rectangle window.
The moment you click on the top rectangle window,a pop up box will open prompting you to choose a Foreground color.Select white from the color interface or simply write ‘ffffff’ in the HTML notation box and than click on OK.
Once you click on OK,Foreground color will change to white.After that click on Edit which is present at the top left hand side and than select the ‘Fill with FG color’ option.This will fill the transparent image with the white color.
Now to keep things simple,i just want the initials of my blog in my logo.To do that,on the left-hand side,click on Text Tool,which is represented by a big capital letter A in the tool box.
Once you select the text tool,go to the image you created and resize the text area on top of the image as per your requirement.
Now double-click inside the text box to write a text.The initials of my blog is ‘JT’.There are two things here to take note of,first,the size of the text and second,the color of the text.I increase the size of the text from 73 to 165 to fit it in the text area I have set and change the color of the text from white to black.
That’s it! My custom logo is now ready.To export this as an image,click on File and than click on Export.
Write the name of your image file and select the location where you want the image to be exported before clicking on Export.Once you click on Export,you will be again prompted to select a bunch of options,just click on Export once again and your logo will be exported as a PNG image file.
GIMP is a very powerful open source image editor and you can do a variety of things in that including creating thumbnails for YouTube videos,profile photos and cover photos for various social media accounts,creating logos etc.Tell me in the comment section below if you have used GIMP.Also tell me if you faced any problems while changing your blog’s logo in Blogger.