Khi để nhãn ở phía trên bài viết blog, khi đăng ảnh lên đầu ngay sau tiêu đề bài viết tạo ra khoảng trắng dài giữa tiêu đề bài viết và ảnh trông rất xấu. Để khắc phục, ta nên chuyển label xuống phía dưới nội dung bài viết. Cáh làm như sau:
1. Vào chỉnh sửa mẫu
2. Tích vào
3. Tìm đoạn code tương tự sau:
<b:if cond='data:blog.pageType == "item"'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</span>
<div class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> </b:if>
</b:loop>
</b:if>
</div>
</b:if>
4. Chuyển tất cả code vừa tìm vào trước: <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</span>
<div class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> </b:if>
</b:loop>
</b:if>
</div>
</b:if>
<div class='post-footer-line post-footer-line-1'>
5. Lưu mẫu và xem kết quả
Đăng nhận xét