Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó. Để làm được điều này các bạn làm như sau :
- Đăng nhập vào blog => Mẫu => Chỉnh sửa HTML => Tiếp tục => Mở rộng tiện ích mẫu:
- Tìm đến dòng :
Sửa lại thành
- Tiếp tục tìm đến dòng:
Sửa lại thành
Lưu template
2- Chỉnh tiêu đề bài viết thành <h1>
Code này sẽ khi xem tại trang bài viết thẻ tiêu đề bài viết được blogger mặc định là h3 ta sẻ đổi nó thành h1 và được dẫn link là link tiêu đề bài viết đó.
- Đăng nhập vào blog => Mẫu => Chỉnh sửa HTML => Tiếp tục => Mở rộng tiện ích mẫu:
- Tìm đoạn code sau
<h3 class='post-title entry-title' itemprop='name'>
<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>
- Và sửa thành:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<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>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<!-- Tối ưu H3 End -->
3- Chỉnh sửa CSS cho thẻ <h1> tìm đến dòng
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
Sửa thành
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.