How to Change the Picture in the Address Bar in Blogger
- 1). Create a 16-by-16 pixel graphic with photo editing software, such as Adobe Photoshop or GIMP. Other options include taking an existing photo and then trimming and cropping it down to a 16-pixel height and width. Save the graphic file in the icon or ICO format.
- 2). Upload the favicon icon you created to a free photo hosting website, like Photobucket or ImageShack. Once uploaded, copy the URL in the address for that image.
- 3). Sign in to your Blogger account with your Google Account log-in credentials. If you manage multiple Blogger blogs, then go to the blog you want to edit.
- 4). Click the "Design" tab, and then click "Edit HTML."
- 5). Add the following two lines of code immediately after the <head> tag in the "Edit Template" text area:
<link href='http://www.example.com/favicon.ico' rel='shortcut icon'/>
<link href='http://www.example.com/favicon.ico' rel='icon'/> - 6). Change the URL in the two link reference lines to match the URL where the favicon graphic is publicly located on the Web.
- 7). Click the "Save Template" button to save the changes you made to the HTML code.
