Shankee has a logo now. After thinking on this for so many days i finally decided to make a favicon/logo for my blog Shankee. This decision came out as we are on a spree to branding and making ourselves different from others. We wanted a unique identity for our blog.
Making an identity for yourself is a good thing, makes you stand out different from the crowd. On Shankee you must have noticed we follow a dark theme having just black, gray and white in all the layout. We are sticking to it, and this is our unique identity. White and Black have always been my favorite colors so making a logo in these was my ultimate choice.
Just look at the top near the broswer bar and you could see my favicon, that is a customized “@” . At the center there is my site’s page.
So have a look at the logo and the favicon for my blog-
Here is how to enable a favicon for your Blogger powered blog in a few easy steps
- Ensure you have a copy of your blog logo (or another image you would like to use as a favicon). This should be in JPG format for use with the Favicon generator.
- Go to the Favicon Generator page, and upload your image, then click on “Create Favicon”. After a second or so, the page will reload and you will see your newly generated icon appear in the box.
- Right click on your icon and choose “Save Image As…”. This icon will be in PNG format, and you can rename this anything you wish. Save the icon to a convenient location on your computer.
- Next, go to your Blogger dashboard and create a new page. Upload your icon as an image in the post. If you do not already edit your posts in Edit HTML format, click on this tab and copy the URL of your image from the HTML code. The URL for your uploaded image will appear like this in your post’s HTML code:
You need to save this post (albeit temporarily) so it would be advisable to backdate this post, then it will not be confusing for visitors who wonder why you are posting such a small image in your blog!
-
Finally, go to Layout>Edit HTML in your Blogger dashboard. Just before the closing tag, paste the following section of code:
link href=”http://your-icon-url.png” rel=”shortcut icon”
link href=”http://your-icon-url.png” rel=”icon”
Put a < at the start and > at the end of each link line.
Be sure to replace the URLs in red with the URL you copied from your post. - Finally, save your template. Your new favicon will now appear in the address bar!
Note: if you use Internet Explorer, the favicon will not appear unless you have bookmarked your blog and refreshed your browser.If you would prefer to upload your PNG icon to a different image host, you the method is almost exactly the same, except that the URL you will use to enable the favicon should match that where your PNG image is hosted.