....
...
How To Fix Tag H1 No Detected Or Zero In Blogger How To Fix Tag H1 No Detected Or Zero In Blogger How To Fix Tag H1 No Detected Or Zero In Blogger
If like above, it is certain ye will not support templates for a new Header image because h1 in your blog so it's missing or not detected and consequently will be bad later on search engines especially if your blog is already using dynamic heading tag. But calm, because seocips has the solution so that the headerblog can be hooked up to the header image, and here I share the 2 way i.e. Add an image background in CSS header and edit html section header.
So here's what I mean H1 Zero is if we change the header of the blog/add a picture in the header through the Blogger layout template and it turns out that we don't support devices where that picture with the header image blog, this is common to blogs that have been using dynamic heading tag.
The header of the Blog is the very top on a site contains site logo, site name, menu, place the search, location sites, advertising media and so on, when on this header element is not interesting, move that pas is to combine color and give/add logo image and characteristic of your blog, but unfortunately not all can/bisa blogspot templates marked with the logo image directly through the layout/layout.
How do I know the blog template that is used does not support image/logo header?
To
find out which template you use support image/logo header or not, you
can test it by placing the image in the blog template through the
"layout", then please check on chkme.com, see if a warning message
appears as below?
If like above, it is certain ye will not support templates for a new Header image because h1 in your blog so it's missing or not detected and consequently will be bad later on search engines especially if your blog is already using dynamic heading tag. But calm, because seocips has the solution so that the headerblog can be hooked up to the header image, and here I share the 2 way i.e. Add an image background in CSS header and edit html section header.
1. How to change the Header of the Blog with Pictures v1
1. If you have previously installed the image through the layout, delete the first image. Prepare the new image and the picture should match the width of the element's css header.
Then add the images and code "overflow: hidden" in CSS header-wrapper
as a backround on the edit HTML. For example css header you as below
(code berwana red #header-wrapper below could just have a different name
in your blog)
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rxL4SIaJCoI0s35Lg4enHo_F5DMIAnjMzVqquyjRKHEVIc5cKFJYYMDWaGKBS3qQhKJzP7-_4-lJw8kY9MZ-4Rd9Oxf_Q_25TfBDUVU9LLatM6tawF1Qp3O_EgpHP16W71cdcI5hs8Y/s1600/header+kompidotcom.png);width:980px;max-width:100%;min-
min-width:100%;max-hight:100px; background-position: center;
background-size:100%; background-repeat: no-repeat;overflow:hidden}
min-width:100%;max-hight:100px; background-position: center;
background-size:100%; background-repeat: no-repeat;overflow:hidden}
In
the css above the width is 100px high and 980px, so you should install
image size is 980x100px (see also how to create a logo header online). Replace with the color blue link your images. The color green is the code in the Add.
2. Next steps add code to hide the title block background with "visibility: hidden" (without the quotation marks) in the CSS code header of the latter. An example is like the code below:
#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}
3. save your template and see the result.
2. How to change the Header of the Blog with a picture of v2
It may just be the way the first one last bit hard and makes you confused because it could only name elemt css in your blog is different, then you can try this way.
Attach the logo images via the layout or layout. Next entry to edit HTML templates and find/search the code as below:
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Replace or replace it with the code below :
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
</a>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
</a>
Save tamplate and finish. Please check back on you chkme.com
Well please you select which way you find most easy to do. OK buddy the tutorial how to change the Header of the Blog with Pictures If H1 detected Zero in chekme, or how to change the header of the blog with images to a template that does not support header image, may be useful.