Read... & Try

favicon is a small icon that appears in left corner of address bar, where we type URL of the site. for example you can click here this is my other blog. many people asking how to change that on blogger because not as easy like in another blog like wordpress they have some plugin to change favicon easier, not like in blogger we must do a little bit editing the html code and use a 3rd party hosting file to run the favicon. but this time I'll try how to realize that on blogger, first we must have some image to make that as our icon. we can use our photos or maybe we can make from photoshop or other program but if we dont have both we can download free image or icon. note: the image format is should be gif, png or jpg. image resolution preferably is square and not too small or too big if you had have some image to upload now you can click here to upload your image, browse your file and generate your icon like on the image below

after that download back your generated icon like on the image below

then extract your downloaded (zip)file and you must upload that back to your image hosting, There are two files generated the ico and gif file and we must upload both. in most of image hosting site like photobucket, picasa or similar page other they not support a .ico files but you can go to Google site to upload that file together with .gif if you dont know how to upload in google site you can read my review here now we can login to blogger account and go to edit HTML copy the html code below

change the red code with your image address from your hosting image (google site) and Add following HTML tags to your web page after the <head> tag but before the </head> tag:

note: use Ctrl+f to find your blogger html code easily

or if the code still can't work on your blog probably you must edit some code because html code sometimes working differently in other template. you can follow this way to customize some code like on my other template.

Then paste it directly below the following line of code <b:include data="blog" name="all-head-content"/>

try it and good luck

now we can hosting our file like mp3, swf, word, or whatever we need for build that file as embed HTML code or make a download file into google site. but we must have a google account first, for you who dont have a google account yet you can register Gmail for free then go to Google site to build your new site.

if you've create a new site, now you can customize your site or maybe you can do that latter. in the example of my google site then click more action tab to manage your site like in the image below.

then on the manage area or we can call that as our dashboard. click the attachment button to upload your file

and done, if you had finish uploading your file there. click right on your uploaded file then properties to get your file URL direct then combine that with other html code as you need.

Read... & Try

Pages

Monday, March 21, 2011

how to change blogger favicon

hosting our file for free with google sites