Skip to main content

How to get and upload favicon icon in your WordPress site

A favicon is a small image that appears before your blog’s URL in visitors’ web browser search bars and next to your blog’s bookmark listing in their browser bookmarks or favorites drop-down lists. Favicons help people who have a lot of saved bookmarks or favorites easily find your blog in a long list. They also make your blog look a bit more professional.

Steps to create favicon icon:

To add a favicon to your blog, you first need to create your favicon file, which is a 16×16 pixel image or 32x32 pixel image as the favicon icons should be square with smaller size. Once you have your favicon file, you need to convert it into .ico format and name it favicon.ico. There are many online web application for free to convert your image into favicon.ico format. Only you have to do is select or create an image and upload this image to online to website offering conversion and start conversion. The list of few website that this free application to get favicon icon:-

1. favicon.cc
2. dynamicdrive.com
3. favicongenerator.com

You can select any of these web application to get your favicon icon. Now, turn comes to upload the generated favicon to your website. If your website is on WordPress, you can do it manually or installing plugins. Installing plugin for the specific is considered the best to workout in WordPress. But, installing too many plugins can also damage your website or slow down loading of webpages.
Upload Manually:
Once your new favicon.ico file has been created, log in to your web hosting account, navigate to your blog’s root directory, and upload the file to that directory. For example, your favicon file should be accessible at yoursitename.com/favicon.ico after it’s uploaded.

Next, you need to add some code into the header.php file of your WordPress theme that tells web browsers where to find your favicon. To do this,
  1. Log in to your WordPress dashboard and click the Editor link in the Appearance section of your dashboard’s left menu to open your theme editor.
  2. Find the header.php file in the list of files on the right side of your screen, and click it to open it in your editor.
Enter the following code between theandtags in your header.php file: 
  • Click the Save button, and you’re done. You can refresh your live blog’s browser page to see your favicon, but it might take a couple days for your favicon to show up in front of your blog’s URL in your browser address bar.
WordPress Plugin:
This is manual steps that can be done by blogger. If you still find it difficult to follow the steps. You can use WordPress free available plugins for the bloggers and directly upload the icon to it. But, in this case too, you have first convert your image into favicon icon format. Favicon generator is one of the favicon icon generator plugin using this you can directly upload the icon and wait for the few days to get into action of your website icon. There are many other plugins too that can installed.
Labels:

Comments

Post a Comment

Popular posts from this blog

Buzzer interface with 8051 microcontroller

Buzzer  is a electronic device that converts the electronic signal into buzzing noise, that is applied to it. It can be used as electronic bell or as quiz buzzer in many applications around us. Here, i world like to discuss the interfacing of a small buzzer with 8051 microcontroller and how different projects can be constructed. Buzzer Interfacing: This project shows the interface with AT89S52 microcontroller to a buzzer. When a push button is pressed, the buzzer will get ON and OFF ( number of times set in the code ) and then stops. Circuit Diagram: - The port P1 of the microcontroller is connected to buzzer. This type of connection is possible, if the current requirements of the buzzer is not more than 20mA. The output is in current source mode so that buzzer will turn ON when the output of the port is logic LOW. Switch is connected to port P3 which remains at logic HIGH by pull up resistor.  Code: #include "REG52.h" #define buz P1 sbit SW=P3^0; long i...
14 comments
Read more

Different ways to generate delays in 8051

The delay length in 8051 microcontroller depends on three factors: The crystal frequency the number of clock per machine the C compiler. The original 8051 used 1/12 of the crystal oscillator frequency as one machine cycle. In other words, each machine cycle is equal to 12 clocks period of the crystal frequency connected to X1-X2 pins of 8051. To speed up the 8051, many recent versions of the 8051 have reduced the number of clocks per machine cycle from 12 to four, or even one. The frequency for the timer is always 1/12th the frequency of the crystal attached to the 8051, regardless of the 8051 version. In other words, AT89C51, DS5000, and DS89C4x0 the duration of the time to execute an instruction varies, but they all use 1/12th of the crystal's oscillator frequency for the clock source. 8051 has two different ways to generate time delay using C programming, regardless of 8051 version. The first method is simply using Loop   program function in which Delay() funct...
5 comments
Read more

How to Switch OFF Citizen Calculator

You might be confused on seeing no OFF button on your calculator. Actually, these are general calculator available at low cost in the market. They process simple calculations like division, subtraction, Addition, Multiplication. But, how will you OFF that calculator having no option on them. There is always a trick which OFF them. It depends on the company calculator and their series to which they belong. I can tell you about Citizen Calculator CT-500 (as you can see in the image), how can you switch OFF it and can save battery too. If you leave calculator idle for 6-7 minutes, it will goes OFF automatically. My calculator goes OFF in 6.50 minutes from the point of leaving it idle. But, this is not the power saving trick for these types of calculator having not much backup battery. To save the power of your normal calculator, here is the trick to switch OFF it. Press ' /(divide sign)', 'x(multiply sign)', '%(percentage sign)', 'autoreplay option(...
13 comments
Read more