Skip to main content

DIY Favicon creation for your blog



By right, you should know what a favicon is if you use blogger. It's definitely recommended though not forced on you. Having a favicon makes your site more professional and unique. At least you need to change the default favicon from the 'B' logo as implemented by Google on all blogger blogs. Your favicon distinguishes your blog or website from others.

Since there are lots of free favicon creation sites, creating a favicon shouldn't be neck breaking, but there is always someone in need of some help, which is why this post has to come to light.

DIY BASIC STEPS
Before you start creating your favicon, as always, you should consider your site design. Don't go off colours!

Your icon should be square in shape, resized to 16x16px and shouldn't exceed 100kb (recommended by blogger).

Brainstorm and come up with the perfect letter or image you'd want to use, although using alphabets is always better because, your favicon will be really tiny!

You can use images, icons, cliparts related to what you blog about or simply the initials of your blog title. If you noticed, I used the letter "B" to create my favicon, which is easier to identify... Go simple, create something that you wouldn't hate someday and decide to change.

You can use the default image editor in your laptop to create your favicon if you'd love to 'DO IT YOURSELF'.



How To DIY

Download a free background image or create one yourself (there are lots of background images online, you only need to Google them).



 Load your image editor, and choose the image you downloaded.

If the downloaded image isn't square shaped, you can need to crop it preferably to 200x200px so as to inspect what you are creating...

Now add your text and resize it to take at least 95% of your background image, You can use PicsArt if you use a smart phone... PicsArt comes with lots of stylish fonts. If you want to use an image, shape crop it so it looks cool. Shape cropping your image will do the trick (square is OK but wouldn't do justice to your icon if you have a coloured background).

If you are using a text, embolden and design it (change the font style) with your desired colour, preferably one related to the main colour of your blog.


Once you are done creating your favicon, resize it to 16x16px and save. Jpg image formant is recommended.

How to upload your favicon
Visit your blogger admin panel and navigate to layout, click on body the section and click on edit in the favicon block. Image below


Click on choose file to add your newly created Favicon.
Once you've added the image, click on save to add your own custom favicon.


Well, in case you'd rather not stress yourself,you can checkout favico.cc 

Comments

Popular posts from this blog

Earn While you Save With Alat.ng

If you've always wanted to save up for the future, but didn't take actions for reasons best known to you, now is the time to reconsider your thoughts and take actions, because there is a digital bank known as ALAT waiting to be utilized. What Is A Digital Bank? According to Avoka.com; "Digital banking is the digitization (or moving online) of all the traditional banking activities and programs that historically were only available to customers when physically inside of a bank branch." What is ALAT? ALAT is a digital bank, the first if its kind in Nigeria! It is an innovation of Wema Bank Nigeria, developed to give you easy access to saving your funds and doing other bank transactions without being physically present at the bank.  With Alat digital bank, you can open a savings account using your phone number and Bank Verification Number (BVN) as well as other documents that you will be prompted to upload during the registration process. It’s simple, convenient, reliabl...

Beautify Your Blogspot Blog With TESH, A Premium Premade Blogger Template

If you've been looking for a stylish template for your blogger blog, then you'll definitely love the look and feel of "Tesh", a classic, chic, as well as black and white premade blogger template, suitable for personal, fashion, lifestyle bloggers as well as other bloggers. Tesh is not only classic but responsive and has been built to beautify your blog's view... If you've been looking for a minimalist blogger template that isn't heavy but lightweight, then tesh is perfect just for you... No fuss, she's worth your thoughts and utilization. Note: This is a blogger template, it wouldn't work on WordPress, tumblr or any other platform but blogger. Demo - http://www.tesh-demo.blogspot.com Features of Tesh ~ Responsive layout ~ Auto read more button ~ Breadcrumbs in post page ~ Related posts widget ~ Classic share buttons ~ Stylish about me widget ~ Beautiful labels design ~ Numbered page navigation ...

Just Another Way To Save With A Piggybank

While growing up, I wished for a piggybank, despite having access to numerous saving boxes. Trust me, I always thought a piggy bank would be great and advanced than a square box! At least it wasn't our conventional DIY savings method. But then, what if my dream had come true, maybe not at the time I wanted it but sometime later? I'd probably save and get to destroy my bank! Piggybank is a generic English term used to denote the earliest means of storage of money, using a hollow ceramic statue of a pig. Well, did you ever use a savings box and wished for a Piggy bank? It's probably time to stop being archaic and get digital because, there's a Piggy bank in town who's gone so digital. About piggybank.ng In a brief note, Piggybank.ng is a Nigerian Financial Technology (Fintech) startup which run a hassle free online savings scheme. Piggybank if granted access to a user's bank account will make periodic deductions for the purpose of saving towards a target. This inn...