Onenaija Blog

The People's Blog

  • Home
  • Blogging
    • Blogger
    • WordPress
    • Google Adsense
    • Video
  • Computer/Internet
    • Tips & Tricks
    • Mobile Tips/ Tricks
    • Pc Tips/ Tricks
  • Tech
    • Android
    • Facebook
    • Youtube
    • Reviews
  • Others
    • Making Money Online
    • Entertainment
    • Forum
  • About Me
    • Contact Me
  • Hire Me
  • Advertise With Us
  • Guest Post
Home » Blogging » Wordpress » ADDING A FAVORITE ICON (FAVICON) TO YOUR WORDPRESS BLOG/ SITE

ADDING A FAVORITE ICON (FAVICON) TO YOUR WORDPRESS BLOG/ SITE

August 1, 2012 By: babanaturecomment

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

In case you haven’t read “HOW TO PUT A CUSTOM MENU TO OUR MOBILEPRESS,” you can still do before proceeding.

I know many people who own a blog, forum or a website still don’t know how to make a favicon appear on their address bar. Favicon are does little pictures (image) that appears at the left corner of your address bar.

simple way to add favicon to your mobile pressWHAT IS FAVICON? Favicon or favorite icon is a file containing one or more small icons, which are commonly 16×16 pixels that are associated with a particular website or webpage.

Creating our favorite icon is not hard if you follow this footstep closely. Get the logo or image you would like to use as your favorite icon, you can use any photo editor that accept .ico format to create the icon.

NOTE: Make sure the size of the image is 16×16 pixels…

There are two effective ways in which you can put your favicon.ico file to your wordpress blog/site.

  1. Either by coding
  2. Direct implementation

1. USING CODING: This method is a bit tricky but at the same time it is very easy to go with.

Go to your wordpress admin area >>> in the Appearance setting click “Edit”. We are going to be editing the HEADER (header.php) located at the right corner.

Hope you have clicked the header? Now in the codes shown locate the tag <head>, right below it place this code

<link rel="shortcut icon" href="http://YOURSITE/favicon.ico" type="image/x-icon">

   

So it will look like:

<head>

<link rel="shortcut icon" href="http://YOURSITE/favicon.ico" type="image/x-icon">

NOTE: Make sure that you replace the http:// YOURSITE/favicon.ico with your favicon path.

Also note that the favicon.ico size must be 16×16 pix for it to show on both pc and mobile phones.

2. DIRECT IMPLEMENTATION: this is the easiest step because it needs no coding to work with.

Make a 16×16 pixel favicon.ico and upload it to your root directory, refresh your browser cache and see your small icon showing.

Now how simple is that?

Having any problem? Then leave a comment below. Remember that your comments are highly appreciated.

You can subscribe to our feed for latest update on the go.

Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

 

Powered by OnenaijaBlog

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

About babanature

I am a researcher and internet consultant. I love designing web sites, building blogs, doing tutorials, playing with codes, watching cartoons, writing articles, blogging, singing and lots more...
You can always hook me up on Facebook, twitter, YouTube and Google+

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

CommentLuv badgeShow more posts

Search The Blog

DO YOU WANT TO PROMOTE YOUR PRODUCT?

Do you have a product that you would like us to review here at onenaijablog? If you already have a post written for your product, would you like us to publish it to our unique blog readers? Then take the advantage of our low cost plan by . Contacting Us Today

Recent Reviews

  • InnJoo Halo
  • Infinix Hot 2 (X510)
  • InnJoo Fire

RSS Contents From Babanature Blog

  • Don't download latest Windows 10 update if you own one of these popular laptops
  • The new Android 11 features that will actually change your phone
  • The new PlayStation 5 looks like a giant broadband router
  • 5 secure smartphone settings that’ll protect you from hackers
  • Facebook's new tool reveals if you're being scammed

FOLLOW ONENAIJA BLOG

Icon IconIcon Follow Me on Pinterest

Translate to Your Language

Friend Us On Facebook

Copyright © 2021 · Proudly Onenaijablog Re-Touched By, Babanature | Google+