Po ...
How To Add or Change Favicon on Blogger Blogspot
57 comments
Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Having your own favicon with a nice graphical reminder of your site beside is a good way to get visitors attention. Blogger users can add a custom favicon for their blogs going to the Layout section and by clicking on the Edit link on the "Favicon" element.
"For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog. ~Blogger in Draft"
How To Add a Favicon to Your Blogger Blog
Step 1.Log in to your Blogger's Dashboard, go to the Layout and click on Add a Gadget link
Step 2.Click on the "Edit" link on the "Favicon" setting above the navbar element.
Step 3.A popup window will open where you can search for an image in your hard drive to replace the default favicon image. Click on "Browse" button and search for your favicon (it should have the .ico extension) - then click on "Save".
Step 4.Now you should see your own favicon instead of blogger's default favicon.
It might take some time until your new favicon will appear in your Browser's tab or window.
If you want to add animated favicons to your Blogger blogs, then follow this method below.
How to add an animated favicon in Blogger
Step 1. Log in to your Blogger account > Template > Edit HTML (if needed, click on Proceed button)
Step 2.Select the "Expand widget templates" box
Step 3.Search (CTRL + F) for:
Step 4.Paste this code just above it:
See the screenshot for more details
Note:replaceyour-favicon-links-goes-herewith your favicon's link location
You can choose from here some cool favicons for your site/blog: http://www.favicon.cc/(just download the favicon you like - upload it on tinypicor on a blogger's post, then copy the link address/direct link)
Step 5.Save the Template. And you're done!
Like
38
Random Posts
Blogger Auto Video Template by webbilgi08/04/2012 - 30 Comments
Expandable Recent Comments Widget for Blogger/Blogspot26/04/2013 - 10 Comments
Create a CSS3 Image Hover Effect with Animated Vinyl Record31/01/2014 - 5 Comments
Related Posts:
Understanding the Page Elements of ...
What is the difference between padd...
How to Use Cookies in Javascript
How to Add Numbered Page Navigation...
Add a Custom jQuery Lightbox To Blo...
57 comments:
M.Baber Siddiqui 5/01/2012
what is tiny pic? Reply
Replies
franko rimotonik 1/10/2013
site wich can uploade pics and then use the url with ur pic for ur blogg as background/favicon etc
Isha Shiri 5/03/2012
That's it! well explained Reply
Jai Nepal 7/25/2012
doesnt work for me please help Reply
Jai Nepal 7/25/2012
please help i cant change my Favicon i dont know why Reply
Replies
Mounika 9/16/2012
The favicon you created might be a larger one..
so create a 16X16 picture and save it with .ico extension or change it to icon using tools like formatfactory after saving it as jpg or png or any other picture. By this we can get a picture less than 100.
Even I couldn't change my favicon..But now I got it..
Try this method... have a good day..
Md. Fakrul Islam 2/10/2013
my favicon is 16*16 px but it also not work for me plz help.
Yish 8/03/2012
thanks! :) Reply
ASM Salah Uddin 9/05/2012
Thanks Reply
Serve Boy 9/17/2012
my favicon is replaced but it is not changing i have uploaded animated favicon..Please help!!! Reply
Replies
Admin 9/18/2012
Hi Serve Boy,
Chrome and IE don't support animated favicon. As far as i know, only Firefox support it. Sorry for that
rooney10057 10/29/2012
It is not appearing in tab, how long will it take(a guess)? Reply
Crazy Techno 10/31/2012
How Much Time It tooks TO Change?
I Change It with 16x16 icon
thanks.note(not an animated icon)just normal icon ;D Reply
Crazy Techno 10/31/2012
i use chrome Reply
April Xu 11/01/2012
Thanks so much!!! Reply
Nabeel Farooqui 11/21/2012
Then why are you still using the default? Reply
Modern Philippines 11/22/2012
How come that your favicon is not working in chrome? Like mine, I think this solution will not work in chrome browser. Reply
Krishna Kumar 1/14/2013
hello Friend your site looks great and all post are awesome. how to check blog views in blogspot. Reply
mobile prices 1/23/2013
its not working, help me.. :( Reply
Robert Kimball 1/27/2013
Followed the instructions to a tee but it doesn't work. Also, there is no way to change the extension to .ico in photoshop. The favacon is still the blogger one. Reply
WWESA 2/04/2013
thankx Reply
Taimoor 2/09/2013
blogger's setting's are not supporting .ico
Its saying invalid format.
But accepting other formats like .png very well Reply
msaeed 2/23/2013
nice post and nice blog Reply
Karan 2/26/2013
Thanx For Sharing Nice Post Reply
risz 3/05/2013
I have change my favicon icon, thanks to you!
www.drsneez4u.com Reply
Dhahugaan 3/21/2013
please help where can i get not animated favicon Reply
Yusuf Ali 3/22/2013
doesn't work Reply
Clinton Darion 3/26/2013
It perfectly works but why it is a kind of blurry and not understandable.
http://readerssighta ndsmell.blogspot.com/ Reply
ixtyjjang 3/26/2013
it doesnt work :( Reply
Nabayi 4/18/2013
It's work thank you very much... Reply
Ahmad Urrofi 4/20/2013
If in mobile i can't change my blog favicon. So, how i can change my favicon? Reply
Emelza Joseph 4/20/2013
Thank you for your complete explanation. It really works! Great post sharing.
Reply
dinaviriya 5/04/2013
Thank you very much for the sharing,
I will try it. Reply
Blogger Tips Tricks Tutorial 5/09/2013
changing faviconWorks perfectly. Thanks for sharing. Reply
Lovelyart Claudia 5/22/2013
Hi I do this but don't appear to my safari :( but the other tutorial of comments widget works so nice, and I also pinned it in my pinterest. Thank you ! Reply
1like4.me 6/10/2013
hi, I tried adding it into my site but it's not appearing on chrome, only in firefox :(
www.1like4.me Reply
Rennie 6/29/2013
SWEET :) Thanks! Reply
sami 9/11/2013
Very well explained.I like it.I appreciated you.Keep it up thank you Reply
darkstyle 9/15/2013
wah ternyata gampang juga ya bikin favicon
thanks!! Reply
Anonymous 9/22/2013
after i uploaded the image for favicon, it is not showing.. Reply
mintedmarch 10/17/2013
Thanks for the help <3 -="" ...but="" .="" 10="" 11="" 12="" 16x16="" 1="" 2="" :="" a="" add....which="" add="" added="" admin="" adult="" amber="" and="" appreciate="" as:="" atul="" audrey="" b:skin="" back="" bit.ly="" blogger="" brighten="" browser="" but="" cache="" can="" chrome.="" chrome="" clared="" clean="" comment="" component="" day.="" dear="" default="" devilla="" didn="" disclaimer="" divya="" dmca="" does="" doesn="" dont="" dude="" elizabeth="" explorer="" facebook="" favicon.="" favicon="" five="" follow="" from="" fucare="" garethbale="" gehlot="" germain="" going="" handynettips.blogs="" hanis="" have="" help="" helplogger="" hi="" high="" hindi="" how="" http:="" i="" im="" in="" is="" it.="" it="" jadeja="" just="" katia="" know="" kuldeep="" like="" logo="" lot="" me.="" me="" mepublishpreview="" more="" much.="" much="" my="" need="" nerline="" next="" nice="" nizam="" not="" notify="" of="" ogspot.com="" oh="" ok="" okaro="" on="" or="" our="" out="" p.="" paul="" place="" pls="" policy="" post="" pot.co.uk="" privacy="" problem="" protected="" provided="" px="" really="" reddy="" regards="" remove="" removed="" replace="" replies="" reply="" restart="" rexor="" s="" sarah="" search="" service="" showing="" sign="" site="" sitemap="" sivananda="" size="" sms="" smtutorial="" so="" still="" stuff.="" t="" teach="" template="" terms="" thank="" thanks="" the="" then="" there="" this="" thnks="" time="" to="" top="" try="" uikey="" url="" use="" we="" when="" where="" work...plzt="" worked="" works="" wrong="" www.atultec.org="" www.audreysglams.bl="" you="" your="">3>
No comments:
Post a Comment