How to Setup a Favicon Icon for Your Blog?

Want to add or change the favicon on your Blogger.com blog? If yes, then you have landed on the right place. In this guide, I am going to teach you how to add a favicon on Blogger. Favicon plays an important role in creating a good look and feel of the website as well as the user interface. Let’s get started. 
What is Favicon? 
Favicon is a small logo or icon located at the browser’s tab. It is a small thumbnail that is used for branding and recognizing a site without looking at its name. You can call it a shortcut icon of your website. In general, the favicon should be similar to your website logo. It helps visitors to identify your site with ease. The recommended size for a favicon should be 16 x 16 pixels. If the size does not meet the requirements, then it may look weird and of poor quality. 
How to Setup Favicon on Blogger? 
  1. First of all, open up your favorite browser on your computer. After that, visit Blogger.com and sign in to your Blogger account. ( You may not be required to sign in if the Google account is already signed in to your Chrome browser. The browser will do the work on its own. 
  2. Once you have logged in to your Blogger account, all you need to do is click on the Layout tab from the left side navigation bar. 
  3. On the right window, you can see the Favicon option. There is an Edit button, too, and you have to press that Edit option. 
  4. Once you are inside the Edit option, press the Choose File button. 
  5. Now browse to the favicon icon that you created for your website. Now select that favicon icon. 
  6. Press the Save option located at the bottom to save your favicon icon.
  7. Now visit your blog and see how the favicon icon is looking. If you think that you need to edit the Favicon icon, then simply edit the icon locally on your computer using editing software such as Adobe Photoshop or Illustrator. Then repeat the same steps mentioned in this tutorial. 
 We highly recommend you to choose the logo of your website as the favicon icon because it will help in branding and identifying your site. You can shrink down the size of your blog logo and then use it as the favicon logo. This will also consume less time. Moreover, if you use different designs for logo and favicon then it may result in the poor interface of your site.
How to Add a Favicon Icon on WordPress? 
  1. Open your favorite browser on your Mac or PC. 
  2. Now Go to the website login page and then log in to your WordPress site using the website ID and password. 
  3. On the WordPress dashboard, go to the Plugins tab from the left side navigation bar. 
  4. Now press the “Add New” option, and then in the search bar search for the “All in One favicon. 
  5. Select the All in One Favicon plugin from the results. The author of this plugin is Arne Franken, so do not install a duplicate or cloned plugin.  
  6. Tap the Install Now button to initiate the installation. If asked for confirmation, then select the Ok button. 
  7. Now activate the plugin by pressing the Activate button appears on the next screen. 
  8. Once the plugin is installed, go to the installed plugins option from the left menu. 
  9. Find the All in One Favicon plugin, and then just tap on its Settings. 
  10. There are multiple options to upload and install a plugin. If your favicon design in PNG, then select the Upload button under the “PNG frontend” section. 
  11. Now locate the favicon on your device and then select it. 
  12. After that, press the Save Changes button situated in the bottom. 
This is how to upload or change the Favicon on WordPress and Blogger. 
How to Design favicon and Logos for Website for Free?  
If you are a complete beginner, then you should choose a service like MS Paint and MS other designing software to create icons for your blog. There are also many free online services available that provide free designing tools and predesigned templates.  
Devin Smith is a creative person who has been writing blogs and articles about cyber security. He writes about the latest updates regarding mcafee.com/activate and how it can improve the work experience of users. His articles have been published in many popular e-magazines, blogs and websites. 
Source:-https://mcafeeactivate.website/how-to-setup-a-favicon-icon-for-your-blog/ 

Comments

Post a Comment

Popular posts from this blog

Guide to Reporting Bug, Issue or Vulnerability to Microsoft

Image
All software can have issues even though they pass through scrupulous testing by certified professionals. The same happened with Windows and any other products which are developed by Microsoft. However, the good thing is that Microsoft is open for everyone who wants to share their feedback related to their software. You can easily report bugs, issues, or vulnerability to Microsoft. Do you know the basic difference between bugs, issues, and vulnerability? If not, then read the article to know the exact difference between them. Bugs A bug is a flaw in the software, which happens due to some coding problem. Also, a bug is when there is any glitch in the software. Issue Generally, an issue is that there is no any fault of the developer. At times, the requirement of the final screen or any product did not pass through correctly. Vulnerability Vulnerability simply means that someone can gain access to your computer system or server without your permission. Though ...
Read more

How to Fix Common Netflix Error Codes

Image
Getting an error code on your screen while streaming Netflix? The error code indicates a specific type of problem. If you also see the code when using Netflix, then you can identify the problem and solve it quickly. Some Common Netflix Error Codes: Netflix Error Code NW 2-5 Netflix Error Code UI-800-3 Netflix Error Code UI-113 Netflix Error Code 100 Netflix Error Code H7361-1253-80070006 Netflix Error Code S7111-1101 Netflix Error Code 0013 Netflix Error Code 10008 What is Netflix Error Code NW 2-5 and how to fix it? This error code usually defines an internet related connectivity problem. Mostly the internet related problem show up with error codes start with NW. When this error experience by your device, you’ll see a message displaying on your device as: “Netflix encountered an error. Retrying in X seconds’. To fix the Error Code NW 2-5: Check that the device you’re using is connected to an internet connection. If you’re connected with a Wi-Fi network, then i...
Read more

Best Personal Voice Assistants in 2019

Image
AI is the ultimate future and voice assistants are the star products that are dominating the tech market in recent times. You want to scroll through the daily news or check out the movie tickets or dinner reservation around you, and your handy voice assistant does it all. The introduction of Siri as the first modern age voice assistant opened the door for possibilities, and now we a range of voice assistants and their smart speaker devices. Here we have a point-to-point comparison between the three leading voice assistants, which have outshone its contemporaries:  •    Amazon Alexa •    Google Assistant •    Apple Siri 1. Amazon Alexa Developed by Amazon Lab126, it is a virtual assistant  first used in Amazon Echo and then in its pocket-friendly version, the Amazon Echo Dot smart speakers. Apart from these, when used with Amazon fire stick it can be used to take charge of all the smart home devices. With bett...
Read more