Put Favicon on your Blogger Site.

December 6,2010 is the day when I found out how to put a favicon to my blogspot site. I'm doing my On-The-Job Training, but since no task was given to us. I decided to manipulate and explore on how to beautify my blog site. I found a way by just putting a favicon into my blogspot site.

Here's my sample:
I use the technology on how to put that favicon on my blogger site. At first, it's really hard to find on how to put because I tried their steps on how to put the favicon but never happens.

I decided to blog about the steps on How to Put Favicon on Blogger:

Because I proved that it really works.

Here're the complicated but understandable steps:

1. Make a Favicon using Photoshop or online favicon generator.
The List of Online Favicon Generator Sites:
Notes: To get more online favicon generator use Google with the keyword " Favicon Generator".
2. After you make or get favicon, go to http://www.animatedfavicon.com/.

Upload your Favicon Image with 16*16 pixels file.
3. Put a Scrolling Text (optional)
4. Hit "Create Favicon". After,
5. Find this: 
Hit the Get It Now and it will automatically download the .zip file. After the .zip file has been download unzip the file and find the .gif file. 

After go to Photobucket.
Log in to your account. 
Upload the .gif image file
Then get the direct link.

Tips: better to put first the link to notepad.
After go to http://www.iconj.com/favicon_hosting.php and put the .jpg or .png file. 
copy the link of url

After Go to your Blogger Dashboard>>Design<<Edit HTML
Find this code:


Then, below the code above put this code:

Notes: IMAGE URL.ico - put here the link you copied at iconj.com; IMAGEURL.gif - put the link from photobucket.

Then Save the Template.

Refresh and enjoy your Favicon.


Share on Google Plus

About Jomar Lipon

Web Developer at your service and frustrated blogger in Cebu. Author of JomarPH.com, SEO Specialist.
    Blogger Comment
    Facebook Comment

1 comments :

  1. seems good article, looks good if you've provided source or tutorial. just take a look at this:

    http://eazytutorial.blogspot.com/2010/11/favourite-icon-scriptphp.html

    ReplyDelete

Share
Pin It

Receive all updates from us via Facebook. Just Click the Like Button Below