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.

There are so many web applications available on the Internet that students may not even know exist. In this course, students will explore the Internet and take advantage of all that it has to offer. Students will learn that Google is more than just a search engine. They will discover various web applications that will help make their time on the Internet more effective and efficient. The web applications that will be explored include, but are not limited to: sharing buttons, blogs, avatars, RSS, social bookmarking, photo sharing/editing, audio and video, presentation, drawing, collaboration tools, and screencasts. Internet marketing and shopping sites will also be explored. Students will explore applications of which they can utilize to enhance both their learning and social experiences. Students will learn and practice digital literacy and responsibility, collaborate, share, create, socialize, and organize content, while demonstrating internet safety. Upon leaving this course students will be informed digital learner/citizen!


I LOVE LOVE LOVE looking for new tools to share with my students! I explore the web daily in search of new tools. I also gain knowledge from other Social Media blogs/websites who have found resourceful tools. Thank you to all of those experts who share their love for technology with the rest of us!


I also enjoy looking at the students creativity - through their blogs! My students love exploring Social Media! And will walk away with a collection of tools (their own Personal Learning Network) that will enhance their Internet experience both personally, educationally, and professionally.

Favicon

Today's topic:  Favicon 


TO CHANGE YOUR FAVICON - ADD A GADGET - HTML - WE WILL USE FAVICON.COM


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


Favicon

Add the reference for your favicon to your Blogger template

The final step to creating a custom favicon for Blogger is referencing the favicon in your Blogger template code.


To do this, go to Layout>Edit HTML in your Blogger template. You do not need to check the “Expand widget templates” box.


Search for the closing </head> tag in your template using your browser’s search function.
Immediately before this line, paste the following section of code, substituting YOUR-FAVICON-URL for the URL where your favicon is hosted:
<link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>


Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address and in the bookmarks folder (if you have bookmarked your site).
Note: it is very important that you paste the favicon tags just before the closing </head> tag, not earlier in the template code. This is because Blogger generates favicon tags when your blog pages are generated which would otherwise override your custom favicon references.

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




Animated Favicons

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)