Mục đích: làm nổi bật bài đầu tiên thường được dùng trong trang index.
Đây là kỹ thuật dựa vào thuộc tính data:post.isFirstPost trong blogspot
Cách 1 thêm hình vào bài viết mới nhất
Bước 1: Thêm CSS

#Blog1{position:relative}
img#imgnew {display:block; position:absolute; top:-45px; right:-45px;}

Bước 2: Tìm

<a expr:name='data:post.id'/>

thêm vào sau nó

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:post.isFirstPost == "true"'>
  <img id="imgnew" src='http://png-2.findicons.com/files/icons/1676/primo/128/label_blue_new.png'/>
 </b:if>
</b:if>

Cách 2: Tạo màu nền cho bài viết mới:
Bước 1: Thêm CSS

#firstpost{background:#E8E8FF}
#firstpost:hover{background:#AED27D}

Bước 2: Tìm

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

thay thế bằng

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:post.isFirstPost == "true"'>
  <div id='firstpost'>
   <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>

Mở rộng:
Trên đây là cách mà mình sưu tầm lục lọi trong một số template & học mót từ nhiều blogger cũng như support.google.com/blogger để giới thiệu đến các bạn một cách đơn giản nhất. Để chúng ta hiểu và ứng dụng nó vào việc thiết kế template làm nổi bật bài viết đầu tiên.
Chúng ta có thể sử dụng CSS để tạo nên những hiệu ứng rất linh hoạt cho template.

TTTj of bendoi.vn