Fashion & Lifestyle Blog

*♥FOLLOW ME♥*

How to personalize your Blogger Icon

favicon
blogger icon
I've been customizing my blog yesterday and wanted to change the blogger icon  to a personalize favicon, like a little picture of myself =D like when you type in your browser the site you like to see and there is a little icon on the tab.  I like to be as detailed as possible =D as you can see, there is a tiny pic of myself   on the tab =D... so here's how for you lovely bloggers =)


1. Prepare an image, can be JPG or PNG format. I suggest PNG format because its size will be smaller by a 4:1 ratio. It means that a 10 Kb JPG image will be a 2.5 Kb in PNG format. Also make sure the size is small like 20 x 20 pixels or less, so the file will be smaller in size and won't make your blog loads slower.
If it's difficult for you to edit a small image, you can make a bigger one first, like 200 x 200 pixels or more, and after finish, you can skew it smaller. Microsoft Paint can do it for you easily or photoshop.
2. Upload the image to an image hosting service, like the free PhotoBucket. Then, obtain the direct link to your image for the next step. You can use another image hosting service if you like, just remember to get the direct link.
3. Add this bold tags to your template. To access it, click "edit html"in "layout" section. Put them in head section, between "title" tag and "b:skin" tag. If you face difficulties in finding the tag, just use the find tool in your browser. In Mozilla Firefox, the shortcut is ctrl+f. If you use another browsers, apply with adaptation.

<title><data:blog.pagetitle>
<link href='put the direct URL of your image here' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin>

No comments

Related Posts Plugin for WordPress, Blogger...
© VIVIXOXO

This site uses cookies from Google to deliver its services - Click here for information.

Professional Blog Designs by pipdig