The class is designed to teach students about web applications, digital citizenship, personal network building, and social media responsibility and practice. This blog will be used to share with our readers the tools, websites, and web resources that students are learning about. We hope that you find a tool that you can utilize. WE CLICK TO: DISCOVER, EXPLORE, LEARN, CREATE, COMMUNICATE, COLLABORATE, CONNECT AND SHARE - ARE YOU CLICKING?

Favicon - January 25

Today's topic:  Favicon


How can one miss the Blogger logo in orange and white, which happens to be its default favicon for any blog. But have you thought of customizing your own favicon and display it in your blog. Adding your own favicon is not just branding your blog but also adds up some sense of professionalism too.


Add a custom favicon to your Blogger blog: "What is a favicon?


The word “favicon” is short for “favorite icon”, and is a 16x16px square icon which is associated with a website (or blog).  Browsers which support favicons will usually display a website’s favicon in the address bar (to the left of the URL), and next to the page’s name in a list of bookmarks. Browsers which support tabbed navigation (such as Firefox and IE8) will also display the favicon next to the page title on each tab."

Bloggers favicon is to the left of the URL


Before creating your favicon some of the basic points you should keep in mind is that your favicon icon have to be a small image of size 16 x 16 pixels and with an .ico extension. However, you can also use .GIF and .PNG in this case. A very easy and time saving step in creating your icon is to go for one of the free services such as:



FAVICON WEBSITE CREATORS

Alternatively you can download a “ready made” favicon from these sites:

HOW TO CHANGE YOUR FAVICON - two ways:


Favicon - create picture and add to Blogger favicon or add html code into heading


Create an account on Faviocon.cc
Upload or create your image
Save - download picture
Click Design - Layout - and Favicon - upload new picture. 



AN EASY WAY TO ADD YOUR FAVICON CODE FROM HTML IS SIMPLY ADD A HTML GADGET.  NO NEED TO EDIT YOUR HTML CODE!