Làm nổi bật cho bài viết đầu tiên

Hôm nay mình sẽ giới thiệu cho các bạn cách làm nổi bật bài viết đầu tiên. Cách này có thể được áp dụng cho các blog khác nhau tùy theo sở thích của mọi người. Mình chỉ dùng CSS trong cách này do vậy các bạn có thể yên tâm về tốc độ của cách này.

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào Thiết Kế.
   3- Vào Chỉnh Sửa HTML.
   4- Chọn Mở rộng tiện ích mẫu.

   5- Dán đoạn code sau trước thẻ ]]></b:skin>

#first-post {
background:#efefef url(http://data.fandung.com/img/lastest-post.png) no-repeat top right;
padding:10px;
border:1px solid #ddd;
}

   5- Tìm đoạn code sau:

<b:include data='post' name='post'/> 

   - Thay thế nó thành đoạn code bên dưới:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == "true"'>
<div id='first-post'>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

  

 5- bấm Lưu Mẫu  (save template) lại.

- Với đoạn code trên ta đã dùng div với id là first-post để bao bài viết đầu tiên lại. Nhưng nếu làm tới đây thì ta sẽ chưa thấy được gì, muốn bài viết đầu tiên khác với các bài còn lại thì ta phải thêm code CSS cho nó. 

Chúc thành công!

(Duypham)

Chủ đề: