Một cách nữa để gắn hình ảnh cho bài đăng mới nhất

Ở bên blog của bạn Duy Phạm có một bài viết hướng dẫn gắn hình ảnh cho bài viết mới nhất  rất thú vị. Và hôm nay mình cũng xin giới thiệu một cách khác nữa để gắn hình ảnh cho bài viết. 

Các bước thực hiện

Bước 1: Vào blogger → Mẫu → Chỉnh sửa HTML
Bước 2: Dán code bên dưới trước thẻ ]]></b:skin>

.new {width: 82px;
height: 50px;
position: relative;
right:0px;
top:0px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLdq6doZiRIif5NS9eFE_7l79chE6bPpgpGPnGPfo8mDMmECbq8efiO4GIqSAWzZ8PddpWmZAT8eEcSKYCDQ9blLPrQvVcFaZL1cC9PdUhH23hSRWxbjPMG5NCrtaX481ev_dt7-iEqiq/s1600/new1.png") no-repeat scroll 0% 0% transparent;
}

Thay đổi hình ảnh, kích thước và vị trí xuất hiện hình ảnh sao cho phù hợp với blog của bạn
Bước 3: Tìm thẻ <article class='post hentry' expr:id='data:post.id'>  và dán sau nó code bên dưới

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
<span class='new'/>
</b:if>
</b:if>

Bước 4: Lưu lại template

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →