Seo experts say that search engines give priority to the order header (h1, h2) of the blog. If you want to change the post title to h1 h1 course there will be two in the template of your blog, well to anticipate it we have to make sure if it was in the single post (the article) title and H1 post a blog title to be p. title (no H) and if it is on the homepage then return its original composition (the title of blog post titles H1 and h2 or h3).
- 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. 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}
# header h1 a {color: # fff; text-decoration: none}
0 komentar:
Post a Comment