Monday, April 14, 2014

How To Add or Change Favicon on Blogger Blogspot alphause

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="">

No comments:

Post a Comment