To create a blog post title into H1 then follow the steps below:1. When logging in, click and select edit html design and then check expand widget templates.
2. Find the following code in your blog template:
<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></ H1>
If you have found, replace with the following:
<h1 class='title' style='background: transparent; border-width: 0px'><a expr:href='data:blog.homepageUrl'><b:include name='title'/> </ a></ H1>
3. Find the following code in your template
<! - No header image -><div id='header-inner'><div class='titlewrapper'><h1 class='title'><b:include name='title'/></ H1></ Div><b:include name='description'/></ Div>
if you have found, replace with the code below:
<! - No header image -><div id='header-inner'><div class='titlewrapper'><b:if cond='data:blog.pageType != "item"'><h1 Class='title'><b:include name='title'/></ H1><b:else/><p class='title'><b:include name='title'/></ P></ B: if></ Div><b:include name='description'/></ Div>
4. Then find the following code in your template:
<b:if cond='data:post.title'><h3 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'> <data:post.title/> </ a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'> <data:post.title/> </ a><b:else/><data:post.title/></ B: if><b:else/><data:post.title/></ B: if></ B: if></ H3></ B: if>
If you have found, replace with the code below:
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.title'><h3 Class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'> <data:post.title/> </ a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'> <data:post.title/> </ a><b:else/><data:post.title/></ B: if></ B: if></ H3></ B: if><b:else/><h1 Class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </ a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </ a><b:else/><data:post.title/></ B: if></ B: if></ H1></ B: if>
If you use a picture / image for your blogspot header, then the stages are finished up here, for example, can my friend see in the online business opportunities without complicated or in artatel, efficient and reliable communications solutions, the title of the article is already so h1 if in a single post and homepage been changed to "p.title". But if you're not taking pictures then writing the title of your blog will change (big small), if dihomepage title of the blog remains normal (corresponding css) but if in a single post (permalink article) then the title of your blog into an article such small letters. This is because we have not added css for p.title code (css alternative title of the blog while in the article).
Therefore we must add the css code is the same size and its elements with code title / header (the title of our blog)
Example:# Header h1 {element / css size of your blog title}# Header h1 a {Here the element / css size of your blog title}
Then add the css as follows:
P.title {Well here should be the same as the element / css size of your blog title}P.title a {Well here should be the same as the element / css size of your blog title}
For more details we try with the following css:If you like this css header:# Header h1 {font-size: 23px; font-weight: 700; float: left; width: 40%; text-shadow: 1px 0 # 2B4462; letter-spacing:-1px}H1 # header a {color: # fff; text-decoration: none}
Then add the css code below with:
P.title {font-size: 23px; font-weight: 700; float: left; width: 40%; text-shadow: 1px 0 # 2B4462; letter-spacing:-1px}P.title a {color: # fff; text-decoration: none}
After that save.
Note:Remember the requirement for search engines and browsers to read a weblog is any element of H1, H2 and H3 (at least that is enough). Be careful because when they are disingle post / article that has become H1 whereas if you post an article on the homepage (permalink post) we H3, it means you have to prepare additional H3, so that conditions H1, H2, and H3 in the blog remains good when on the homepage or when the article post.
source
Changing H1 tag in the article post
4/
5
Oleh
Agus Prasetyo
