We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Blogger Favicon

ilike-centre
ilike-centre asked
on
Medium Priority
762 Views
Last Modified: 2012-05-07
I have a blog, epictorrents.com

and i have made my own favicon. and its work brilliantly on the home page,and tabs.
However, when i run a search on the site, the favicon returns to the blogger icon. i dont want this to happen.
anyideas how i can improve the situation regarding the Favicon.
</b:skin>
<link href='http://lh5.ggpht.com/_jHsriit387g/Sj_nDpYrfQI/AAAAAAAAAEw/Ilje7PMGO6k/s800/favicon.png' rel='shortcut icon'/>
<link href='http://lh5.ggpht.com/_jHsriit387g/Sj_nDpYrfQI/AAAAAAAAAEw/Ilje7PMGO6k/s800/favicon.png' rel='icon'/>
</head>

Open in new window

Comment
Watch Question

Top Expert 2009

Commented:
You mean that the search results page shows the older blogger icon? Is the search results page located on your site or does that use Google search? In either case, it is probably a cache issue. If it is located on your site, it should go away after you empty the local cache of your browser, if you use google search (or any search that moves away from your page) it is likely to show a cached older version of your page. Give Google (or the search engine) a while (can take up to a couple of weeks) to show you rnew icon.

Author

Commented:
ok thank you.

Its been just over a week. It is a google search that goes away from the site.

goto www.epictorrents.com you will see what i mean when you do a search. thank you for you reply, ill check it out.
Top Expert 2009

Commented:
The factual icon when you download your page is different:

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

though I find it surprising that it loads this icon when you do a search through google... and your icon in the other cases... If you ask me, it is not a client side caching issue, but I have some trouble viewing the correct HTTP requests (it doesn't show the favicon requests, no matter how hard I try to empty the cache).

-- Abel --

Author

Commented:
What does this mean Abel? i dont quite understand what yoru saying my friend
Top Expert 2009

Commented:
What it means is that I do not have a definite answer for you at the moment, but that I do recognize that there's old code in your page that loads the old blog icon (see above). To avoid confusion and possible erroneous behavior, it is best to remove the old code, basically all code that retrieves data or images from blogger.com.

Author

Commented:
ok, how do i go about stopping retierving the favicon from blogger and use my one
Top Expert 2009

Commented:
you can check the generated output (view source) and then check your template. Perhaps you have to delve a bit deeper (do a search) for where your favicon is. There are millions of blog softwares, I don't know how yours works exactly, I can only point you to where you should look. The line to look for to be removed is in my post above.

Author

Commented:
i already removed that :(
Top Expert 2009

Commented:
Just checked again with an uncached request to your site. See screenshot, it is still there.

ScreenShot415.png
Top Expert 2009

Commented:
If you look closely when you do a search on your page (esp. when you use FireBug, which is a necessity with problems like this and Web Developer Toolbar, which I set to "Disable Cache"), you'll notice that first your favicon is loaded and secondly it is replaced with the old favicon. It seems contrived, but there's an obfuscated script that does this and it starts something like 834_WidgetManager._SetSystemMarkup({'layout' which doesn't say anything to me, but it calls a favicon from blogger.com. You can check this by searching for favicon in your source.

I don't know where you got your templates from, but they've made it pretty impossible to remove the default favicons. In this case it seems that some widget is playing with you...

So, to summarize: the problem is with a widget. The problem is not with google, though it may be that there's a google-widget you are using. How to solve this for the widget I don't know, you should ask the widget creators... (report a bug or mail them).

-- Abel --

Author

Commented:
ok, i have a feeling it to to do with the search engine.

the search engine is run from google. and that the result are done by an iframe. is there a way to attach a piece of code that say please refer to the header for icon when placing information within the iframe??

i believe this is my problem.

on a side note. i found the tracking url from <script src='http://track4.mybloglog.com/js/jsserv.php?mblID=2009062305501219' type='text/javascript'/>
Top Expert 2009

Commented:
> i believe this is my problem.

Earlier I was under that impression too, but actually it isn't the case here. You can see so when you use Firefox and rightclick the IFrame and select This Frame > Show Only This Frame. You will see that the Google icon is then shown. In other words: not the blogger.com icon, but the google.com icon would be shown if this were indeed the problem.

Please check my last post and try to disable all widgets and then enable them one by one. It may be that the google widget is the problem. If so, check the widget code and search in it for the favicon.ico.

In lieu of that: your page still contains the wrong IE icon as said in my second comment.

-- Abel --

Author

Commented:
here is the solution.

I added the results tag in to a blog.. and its closed the tags. and then BOOM it worked. every search shows the favicon.

Oh draw back is that the search seem to have a 300boarder at the bottom, which i not dont know how to ditch.
any ideas on that?
<div id='cse-search-results'/>
<script type='text/javascript'>
  var googleSearchIframeName = &quot;cse-search-results&quot;;
  var googleSearchFormName = &quot;cse-search-box&quot;;
  var googleSearchFrameWidth = 650;
  var googleSearchDomain = &quot;www.google.com&quot;;
  var googleSearchPath = &quot;/cse&quot;;
</script>
<script src='http://www.google.com/afsonline/show_afs_search.js' type='text/javascript'/></script></div id>

Open in new window

Top Expert 2009

Commented:
You're getting closer but for non-FF browsers not so close at all...:

1. The IE icon still shows on Internet Explorer, both on the homepage and the search page (see my earlier comment on how to fix that)

2. Safari and Chrome still show the B-icon of the Blogger software...

3. Opera shows the ET icon, then, when searching, shortly switches to the B-icon and then switches back to the ET-icon.

To remedy all these you'll really have to search all your templates for the icon link tags. I'm a bit surprised the Blogger doesn't have a central place to do so. But even if, like we noticed earlier, the plugins/widgets are introducing the B-icon again.

On IE you also have a JavaScript error.

Your point on making your page validate against some HTML validator (not sure you meant that, but I think you did) is a good thing. But in that you're not yet there either. A good thing to check is the DOCTYPE error on top of this list of 289 errors, but it's a good thing to solve the others too (many errors are the result of earlier errors, the list is not as long as it seems): http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.epictorrents.com%2F

When valid, you'll notice that your site will have less quirky behavior and will be more easily maintainable. And perhaps your 300px border will disappear, as well as the odd-placed "TOP" ;-)

-- Abel --

Author

Commented:
hmm try is now

i have even changed the file to and type to suit. now its favicon.ico - google chrome still shows it.... and firefox doesnt... and Ie... shows nothing....


i am going to carry on googling this issue. because someone suggest that PNG was the problem.

I really have no other code in the html that has icon. here is my code to prove it. and i dont know how to edit widget codes.


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<script type='text/javascript'>
window.google_analytics_uacct = &quot;UA-8960148-2&quot;;
</script>
 
 
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
 
 
/*Hiding the navbar*/
#navbar-iframe {
   display:none !important;
}
 
body {
margin:0;
padding-top:0px;
background:#2F2723 ;
font-family:Verdana,Tahoma,sans-serif;
color:#99806B;
font-size:13px;
}
img {
border:0;
}
a {
color:#EFC8B3;
text-decoration:none
}
a:hover {
color:#CF9C81;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding-left:10px;
color:#8B8076;
font-style: normal;
}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:0px 0 0 5px;
margin-top:-15px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}
 
/*The Wrapper*/
 
#wrapper {
width:1000px;
margin:0 auto;
background:url(http://www.ilike-centre.com/ET/351x36b.png);
background-repeat:repeat-y;
}
 
/*The Search*/
 
.search {
height:29px;
padding:0px 25px 0 14px;
float: right;
}
.search form {
background:url();
width:210px;
height:29px;
padding-top:15px;
padding-left:17px;
}
.search input {
float:left;
}
.search input#s {
width:160px;
border:none;
background:#fff;
font-size:16px;
color:#444;
height:20px;
}
.search input#submit {
border:none;
background:#fff;
font-size:16px;
color:#aeaeae;
height:22px;
width:35px;
}
 
/*The Top*/
 
#top {
height:116px;
margin-top:0px;
background:#bd0101 url(http://www.ilike-centre.com/ET/top1.png) ;
background-repeat: no-repeat;
}
.blogname {
float:left;
width:1000px;
font-family:Century Gothic,Verdana,Tahoma,sans-serif;
margin:0px 0 0 0;
}
.blogname h1  {
font-size:40px;
font-weight:normal;
margin:30px 0px 0 50px;
color:#dfdcd6;
text-decoration: none;
text-align:left;
}
.blogname h1  a:link, .blogname h1  a:visited{ 
color: #CFBCB5; 
text-decoration: none; 
background-color:transparent;
}
.blogname h1  a:hover { 
color: #fff; 
text-decoration: none; 
background-color:transparent;
}
.blogname h2 {
margin:0px 40px 0 50px;
font-size:12px;
font-weight:normal;
color:#fff;
text-align:left;
}
.content {
padding:10px 10px 25px 15px;
background:#251e1b;
background-repeat:no-repeat;
border-top: 1px solid #3b3430;
}
/*Menu*/
 
#foxmenucontainer{
height:35px;
background:url(http://www.ilike-centre.com/ET/menu.png) ;
display:block;
padding:0px 0 0px 14px;
}
#foxmenu{
position:relative;
display:block;
height:25px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#foxmenu ul{
margin:0px;
padding:10px 20px 0 0;
list-style-type:none;
width:auto;
float:left;
}
#foxmenu ul li{
display:block;
float:left;
margin:0 1px 0 0;
width:105px;
}
#foxmenu ul li a{
display:block;
float:left;
color:#dfdcd6;
text-align: center;
text-decoration:none;
padding:6px 0px 0 0px;
width: 105px; 
height: 19px;
background:transparent url(http://www.ilike-centre.com/ET/li2.png) no-repeat top right;
}
#foxmenu ul li a:hover{
color:#ffc35a;
background:transparent url(http://www.ilike-centre.com/ET/li2.png) no-repeat top left;
width: 105px; height: 19px;
text-align: center;
}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
color:#ff9600;
width: 105px; height: 19px;
background:transparent url(http://www.ilike-centre.com/ET/li2.png) no-repeat top right;
}
 
#content {
float: left;
width: 765px;
margin: 10px 5px 0px 0;
padding: 0 0;
}
 
 
.title{
margin: 0 0;
padding: 0px 0px 0px 5x;
height:60px;
background:transparent;
background:url(http://www.ilike-centre.com/ET/title.png);
}
.post {
margin: 10px 10px 0 5px;
padding:0px 0px 0px 0px;
height: 100%;
text-align:left-align;
color:#d1cbc1;
font: 14px  century gothic,verdana, sans-serif;
}
 
.post h2 {
margin: 0 0;
padding: 22px 0px 0px 23px;
height:30px;
background: transparent;
text-align: left;
font: 26px "Century gothic", Arial, sans-serif;
font-weight:normal;
 
}
 
.post h2 a, .post h2 a:link, .post h2 a:visited  {
color: #998076;
background-color: transparent;
}
 
.date {
margin: 0 0;
padding: 0px 0 0 23px;
background:transparent ;
font: normal 12px "arial", Arial, sans-serif;
color: #d1cbc1;
font-variant:small-caps;
}
 
.postmetadata {
margin: 0 0;
padding: 13px 40px 0px 10px;
height: 25px;
font: normal 12px Verdana, Arial, sans-serif;
text-align: right;
color:#333;
background:url(http://www.ilike-centre.com/ET/meta.png);
}
 
.post a:link,
.post a:visited {
color: #ad4100;
background-color: transparent;
}
 
.post a:hover {
color: #fff;
background-color: transparent;
text-decoration: none;
}
 
.entry {
margin: 0 0;
padding: 10px 15px;
}
.cover{
margin: 0 0;
background:url(http://www.ilike-centre.com/ET/cover.png);
background-repeat:repeat-y;
}
.rightcolumn{
float:right;
width:200px;
 
}
.rss{
float:left;
}
.del{
float:left;
}
.techno{
float:left;
}
 
.erss {
float:left;
padding:10px 0 0 10px;
}
.credits{
padding:2px 28px 0 0;
float:right;
color:#da4f1b;
}
 
 
/*The Sidebar*/
.sidebar {
float:right;
width:200px;
padding-top:0px;
padding-right:0px;
font-size:13px;
font-family: "Century gothic", Arial, sans-serif;
}
 
.sidebar h2 {
height:33px;
line-height:33px;
font-size:18px;
color:#fff;
margin:5px 0 0 0 ;
padding:0px 0 0 5px;
background:#403530 url(http://www.ilike-centre.com/ET/h2.png);
background-repeat:repeat-x;
}
.sidebar ul {
list-style-type: none;
margin: 0 ;
padding: 0;
 
}
.sidebar ul li {height:100%;
}
 
.sidebar ul li a:link, .sidebar ul li a:visited {
color: #ffffff;
border-bottom: 1px solid #443935;
text-decoration: none;
padding: 3px 0px 4px 18px;
display:block;
font: verdana, arial, helvetica, sans-serif;
background:#382e2a url(http://www.ilike-centre.com/ET/sidea.png) ;
background-repeat:no-repeat;
}
 
.sidebar ul li a:hover {
background:#403630 url(http://www.ilike-centre.com/ET/sideh.png) ;
background-repeat:no-repeat;
color:#FFFFFF;
border-bottom: 1px solid #332a27;
}
 
 
 
.sidebar p {
padding: 7px 10px;
margin:0;
 
}
 
.sidebar table {
width:100%;
text-align:center;
background-color:transparent;
}
 
.widget-content{
color: #ffffff;
border-bottom: 1px solid #443935;
text-decoration: none;
padding: 3px 3px 3px 3px;
display:block;
font: verdana, arial, helvetica, sans-serif;
background:#382e2a url(http://www.ilike-centre.com/ET/sidea.png) ;
background-repeat:no-repeat;
 
}
 
#time{
float:right;
width:145px;
height:25px;
margin-top:5px;
font-family:Century gothic,Verdana,Helvitica,sans-serif;
padding:1px 0 0 4px;
color:#b1a899;
}
/*FOOTE*/
 
#footer {
height:60px;
padding:10px 0 0 0px;
background:#2a2a2a url(http://www.ilike-centre.com/ET/footer.png);
background-repeat:no-repeat;
color:#6F584C;
font-size:10px;
font-weight:normal;
text-align:right;
letter-spacing:1px;
}
 
#footer a {
color:#6F584C;
}
 
#footer a:hover {
color:#fff;
}
 
 
/*The Navigation*/
 
.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#685750;
}
.navigation a:hover {
color:#fff;
 
}
 
/*The Attachment*/
 
.contentCenter {
text-align:center;
}
 
/*The Page Title*/
 
h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}
 
/*The Comments*/
 
.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
color:#ddd;
}
 
 
]]></b:skin>
 
<link href='http://www.ilike-centre.com/ET/favicon.ico' rel='shortcut icon'/>
<link href='http://www.ilike-centre.com/ET/favicon.ico' rel='icon'/>
</head>
 
 
 
 <body>
  <script src='http://track4.mybloglog.com/js/jsserv.php?mblID=2009062305501219' type='text/javascript'/>
 
 
 
  <div id='wrapper'>
<div id='top'>
   <b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='EpicTorrents.Com (Header)' type='Header'/>
</b:section>
</div>
<div id='foxmenucontainer'>
<div id='foxmenu'>
<ul>
<li class='current'><a href='http://www.epictorrents.com'>Home</a></li><li class='current'><a href='http://www.epictorrents.com/search/label/News'>News</a></li>
<li class='current'><a href='http://www.epictorrents.com/2009/06/top-500-torrent-sites-you-searcha-t.html'>Top 500 Sites</a></li>
<li class='current'><a href='http://www.epictorrents.com/2009/06/complete-list-of-every-available.html'>Tracker list</a></li>
<li class='current'><a href='http://www.epictorrents.com/search/label/Top%2020%20searches'>Guides</a></li>
<li class='current'><a href='http://www.epictorrents.com/2009/06/scene-terms-tags.html'>Scene Tags</a></li>
</ul>
</div>
</div>
 
 
<div class='content'>
<div class='rightcolumn'>
 
<div class='rss'>
<a href='http://www.epictorrents.com/rss/'><img alt='Subscribe' src='http://www.ilike-centre.com/ET/rss.png' style='vertical-align:middle'/></a>
</div>
 
<div class='techno'>
<a href='http://www.technorati.com/tag/torrent+seach+engine?from=www.epictorrents.com' title='Technorati'><img alt='Add to Technorati Favourites' src='http://www.ilike-centre.com/ET/techno.png'/></a>
</div>
 
<div class='del'>
<a href='http://del.icio.us/post?url=http://www.epictorrents.com'><img alt='Add to del.icio.us' src='http://www.ilike-centre.com/ET/del.png'/></a>
</div>
 
 
<div class='sidebar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='Welcome' type='Text'/>
<b:widget id='HTML1' locked='false' title='Top 20' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Label1' locked='true' title='Categories' type='Label'/>
</b:section>
 
</div>
</div>
 
<div id='content'>
 
Torrent Search Engine
 
<form action='http://www.epictorrents.com' id='cse-search-box'>
  <div>
    <input name='cx' type='hidden' value='partner-pub-2008479706652190:andrfjein11'/>
    <input name='cof' type='hidden' value='FORID:11'/>
    <input name='ie' type='hidden' value='ISO-8859-1'/>
    <input name='q' size='70' type='text'/>
    <input name='sa' type='submit' value='Search'/>
  </div>
</form>
 
<script src='http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
 
 
<b:section class='content' id='content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div class='navigation'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
 
 
</div>
 
 
 <div class='clear'/>
</div>
<div id='footer'>
 
<div class='erss'>
Design by <a href='http://www.matthewsimons.co.uk/' title='Matthew Simons Holding'>Matthew Simons</a> | <a href='http://www.ilike-centre.com' title='iLike-Centre Home of the High Street'>iLike-Centre</a>
</div>
 
<div class='credits'>
 
 <a href='#top'> TOP </a> 
</div>
</div>
</div>
<script type='text/javascript'>
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker(&quot;UA-8960148-2&quot;);
pageTracker._trackPageview();
} catch(err) {}</script>
</body></html>
                

Open in new window

Top Expert 2009
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Top Expert 2009

Commented:
PS: some web hosting providers do not support server *.ico files. If that applies to you, you should ask the web hosting administrator for a change (but don't count on them doing so).

Author

Commented:
that works on chrome now... and ff.

and show nothing on Ie.... getting closer. to solving it. you coding definately helped, because the original code poasting was wrong. i will have to post on my blog the correct way to do this.

can you see its changed on chrome now?

Now, i also tried it as a Jpg... which worked on chrome and ff.... why should the jpg over rule the png and the ico???
<link href='http://www.ilike-centre.com/ET/favicon.ico' rel='shortcut icon' type='image/ico'/>
<link href='http://www.ilike-centre.com/ET/favicon.png' rel='shortcut icon' type='image/png'/>

Open in new window

Top Expert 2009
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Top Expert 2009

Commented:
Oh, and you still have a syntax error on IE, which may be yet another cause for you page (the icon) not rendering properly. I doubt it interferes, but you'll have to get rid of that at some time anyway.

ScreenShot418.png

Author

Commented:
ok let me go through these points - ill reply later or tomorrow afternoon on them,

Referencing back to an earlier point you about about the numerious errors in code on my page....i look thought that, and what is so weird is that i would suggest 180 to 200 of the problems arose from pure the google hyperlink url.... i dont know what you make of that, but there is very little i believe i can do about those collective issues.

anyway, thanks for all your help - ill reply back later as i have just said.
Top Expert 2009

Commented:
Since I've been the only one giving feedback in this thread, I suggest that http:#24775020 and http:#24776882 be marked as answer. The first is the most significant, detailing how to get the favicon working and the asker replies that it helped, apart from IE. In the second part, I showed him/her some errors with his/her current site that need to be addressed to get the favicon to work on IE too.
Top Expert 2009

Commented:
What is that with these auto-links. They hardly ever work right from the beginning. Again: http:#24775020 and http:#24776882
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.