Recently, a couple bloggers have reported a mysterious glyph, in their blog page.
The mysterious glyph.
So, we look at the blog. Click on the picture (above), and view it full size, if you need.
Next, view "Page Source" in the browser. This shows the published blog page code, which will not be the same as the raw template! You won't see the mysterious "-->", when you edit the template - it's embedded in the template macro library code, but it's there, I promise you.
When you edit the raw template HTML (Layout - "Edit HTML"), you'll see something like this.
Remove the "</style>, giving you this.
In the display "View" - "Page Source", you'll now see this.
All better now. But why is this happening?
Please, I've been trying to remove the --> at the top of my blog forever. I can't find in the templates where this is coming from. If anyone can help me please respond. Its driving me crazy.
The mysterious glyph.
So, we look at the blog. Click on the picture (above), and view it full size, if you need.
Next, view "Page Source" in the browser. This shows the published blog page code, which will not be the same as the raw template! You won't see the mysterious "-->", when you edit the template - it's embedded in the template macro library code, but it's there, I promise you.
table.sample td {
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
</style>
--></style>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2300090209-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/>
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=7088093820350220800&zx=05ee26f6-7ace-4a89-936c-60d828d65f38"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
</head>
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
</style>
--></style>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2300090209-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/>
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=7088093820350220800&zx=05ee26f6-7ace-4a89-936c-60d828d65f38"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
</head>
When you edit the raw template HTML (Layout - "Edit HTML"), you'll see something like this.
table.sample td {
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
</style>
]]></b:skin>
</head>
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
</style>
]]></b:skin>
</head>
Remove the "</style>, giving you this.
table.sample td {
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
]]></b:skin>
</head>
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
]]></b:skin>
</head>
In the display "View" - "Page Source", you'll now see this.
table.sample td {
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
--></style>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2300090209-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/>
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=7088093820350220800&zx=05ee26f6-7ace-4a89-936c-60d828d65f38"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
</head>
border-width: medium medium medium medium;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
white-space:nowrap;
}
--></style>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2300090209-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/>
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=7088093820350220800&zx=05ee26f6-7ace-4a89-936c-60d828d65f38"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
</head>
All better now. But why is this happening?
Comments
I had to stop by and give a formal "thank you," so thanks for this.
If your wondering, I found your post when someone linked to it from here: https://productforums.google.com/forum/#!topic/blogger/bTrqkQ0jc0k
Please look at the right place. In page source the orphaned object (-->)is located at number 654, below the closing javascript closing tag.
Many people claimed they are buried in folders between ... and .... You need to appeal to Blogger Team to kindly open all the content in those folders, otherwise you won't see the offending objects.
Thanks for your feedback!
We are talking about the same thing - it's just that finding the symptom ("-->") and the problem are separate.
You can only see the symptom on the blog, as displayed. The problem is buried in a macro library, which can't be opened. Only the blog owner can see the problem, by using the Template HTML editor - and the symptom can be seen only after the blog is published, and displayed.