Tutorials

January 2, 2009

Tutorial - How To Change Favicon In Blogspot

So, here are my tutorial about how to change a favicon from blogspot.

Figure 1

Step 1

a. Open up your adobe photoshop and make a 1 new blank page set it to 64x64 (pixels)
b. Start to draw your own favicon. example: look my favicon (Figure 1)
c. Done in drawing? Orait, then save it as .gif


Step 2
a. Login to your blogspot account.
b. Go to, Layout > Edit HTML
c. Then search this code:
d. Find the image hosting website and start to upload your favicon that you have made it earlier.
e. You will get this code,

example: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh10pSXM7eZIbjiXHYhFNNlx2CZmshptDVnr9ViBZ_RAHH7b_y9dQdV6dJxqEUDUmUWORBzD2qt2M6jYyAPxiQjNXrHoB-KgDVrOqOa38yjnrOCDM8MJLU872gMG1rGBRluir8L2O5mOFdE/s400/favicon.gif

f. Copy the code above ( your own code) then paste it below the tag.
g. But! before that you need to copy this code first.

<link href='URL of your icon file' rel='shortcut icon'/>

h. Then paste it below the <head> tag.

example:

Figure 2
i. Look at the Figure 2


Step3
a. Done! Look up at your address bar then you will see beside the link is your new favicon!



Tags: Favicon, Change Favicon, Blogspot Favicon, Remove Favicon, Tutorial Change Favicon, How To Change Favicon Blogspot

2 comments:

  1. da try...tp x appear pn

    ReplyDelete
  2. eh xmungkin xjadi Gie, coding tu tarok dalam head tag tak?

    ReplyDelete

Site Info

About Ikram Faidzal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget eros libero. Fusce tempus quam sit amet erat mollis a fermentum nibh imperdiet. Fusce iaculis sapien in turpis aliquet porta. Donec tincidunt gravida tortor, vel dignissim augue convallis sit amet. Aliquam auctor ornare accumsan. Cras convallis elit tincidunt arcu semper egestas. Mauris interdum fringilla nisi. Cras a dapibus lectus. Praesent blandit ullamcorper ornare. Nam hendrerit sollicitudin urna non ultricies. Phasellus condimentum auctor risus, at accumsan tellus tempor vel. Nunc mattis eleifend dolor at adipiscing.

Third Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget eros libero. Fusce tempus quam sit amet erat mollis a fermentum nibh imperdiet. Fusce iaculis sapien in turpis aliquet porta. Donec tincidunt gravida tortor, vel dignissim augue convallis sit amet. Aliquam auctor ornare accumsan. Cras convallis elit tincidunt arcu semper egestas. Mauris interdum fringilla nisi. Cras a dapibus lectus. Praesent blandit ullamcorper ornare. Nam hendrerit sollicitudin urna non ultricies. Phasellus condimentum auctor risus, at accumsan tellus tempor vel. Nunc mattis eleifend dolor at adipiscing. Phasellus condimentum auctor risus, at accumsan tellus tempor vel. Nunc mattis eleifend dolor at adipiscing.

Followers