Discover just how easy it is to add a custom favicon to your website or blog, it only takes a couple of minutes, I'll show you how easy it is in this quick video.

Video Transcription

Okay, this is a quick video to show you how to add a favicon to your blog. A favicon, if I move this down a little bit, we can see what favicon is. Normally, on a site you have this standard internet explorer or Firefox icon. Favicon is a different icon or new graphic to show our site. And that will also appear when you add something to the favorites with an internet explorer Firefox that icon will appear next to your site. So, it is a very good way making your sites standout a little bit and indeed branding it a bit. So, what we are going to do is quickly run through hints add one to your blog. The blog I am going to add one too is Blog Tactics. Okay, I need to go into Blog Tactics, into presentation so that I can get to the theme itself and edit the theme. Number one is uploading or updating. First thing I need to do is obviously I need to create favicon of the different video to show you how to create the favicon. Once you created one as I have already here. All you need to do is FTP that up to your site, so log on to your site using FTPs software. I am using the files over here. Again, this is a video on where to get files on that and how to use it within mac4.com from such videos, and all you need to do is drive and drop back into the public HTML directory and just text “sent to do” because this is a small file which scrolled and that should not appear once it is finished. It is not finished yet. And now we got favicon.ico, okay. So, if we get back to blog tactics and we get the theme editor. The code that we need to actually use to put into he theme, you can find the copy of the code on mac7.com on the misc page and if we scroll down it is here, favicon HTML for Index Page as in a text file and a zip file you can download it, opening up and the file where you land up with will look like these except that your domain name here so you need to replace that with whatever your domain name is. We need to copy this bit of code and it needs to go between the head and the close head tags within your web page. So we are actually going to put it in the header, that is where the head tags will appear. So, I am going to edit the header and again just text “sent to do” to update my internet connection slow tonight. Here we go. So, what I am looking for is those head tags I scrolled and I would like to find if the head tag is somewhere, of course when I will find them…Okay, let us just scroll faster there. Sometimes the head tag has other bits and pieces in there as well. Sometimes it will just be head and it place right here. Sometimes there is over stock in there. So, you look if it s got something else, look the close bracket. The angle bracket close is here. Put another line and then copy and paste that bit of code that we needed into that favicon code with our domain name then we simply need to update that file. Again, of course we always updates will take a moment too. Okay, saving file edited successfully so we get back to the site itself and hit refresh. Now, it does not always appear and to be honest it does not always work for every host. It will depend sometimes on your host. Most hosts it will work with. Some, it takes a little long to update. Sometimes you have to get a favicon to achieve, and sometimes you need a hard refresh in the browser to get it appear. Okay, that is a good example of networking on my site, it is not updating. Now, that could be that it just needs some time before you will pick it up or it could be the host. Well probably it will happen is the next time I log on to the site it will appear. If not I will be in touch with my host to find network if favicon is not working. Last basically, how you add favicon to your site. It is just bit of this code here which you can download from mac7.com misc and it is here, okay. Hope you find that useful.