Now that we have customized our template so much that we can't really use the Layout UI anymore, it's time to figure out a way to replace the favicon (the icon on the browser tab next to your website name), with your own little image using just code.
The first step here to upload the image to a public location on the internet. This can be your blog's picasa album where you can also find all the other images that you uploaded to be used in the blog.
Just open the image from there and right click to copy URL.
** Make sure you backup your template before you make this change to it
1. Log in to your blogger account and open the blog that you want to edit
2. Go to 'Template' on the left.
3. Click on 'Edit HTML'. This will open the entire blogger template code for editing
4. Now we need to search (Ctrl + F) for
The first step here to upload the image to a public location on the internet. This can be your blog's picasa album where you can also find all the other images that you uploaded to be used in the blog.
Just open the image from there and right click to copy URL.
** Make sure you backup your template before you make this change to it
1. Log in to your blogger account and open the blog that you want to edit
2. Go to 'Template' on the left.
3. Click on 'Edit HTML'. This will open the entire blogger template code for editing
4. Now we need to search (Ctrl + F) for
</head>5. Insert the following code just above it
<link href='http://www.thezenfund.com/favicon.jpg' rel='icon' type='image/jpg'/>6. Replace www.thezenfund.com with your own favicon image location. Make sure that the image is 16x16 pixels in size.
0 comments:
Post a Comment