Việc Hiện ảnh Thumb bài viết cho Blogspot được rất nhiều Blogger dùng để làm tăng thêm sự hài hòa của Blog đơn giản toàn chữ. Theo nghiêm cứu cho rằng 1 trang blog có số lượng hình ảnh vừa đủ sẽ thu hút độc giả hơn là chỉ toàn là chữ, không có ảnh ( tăng tốc độ load trang ).
Ở bài viết Hiện thị ảnh Thumb bài viết cho Blogger mình chỉ đưa ra đoạn code cho mọi người dùng mà quên đi hướng dẫn cách thêm vào đâu trong 1 đống code trong template hjhj Sorry nhé ! Bù đắp việc đó thì mọi người hãy đọc hướng dẫn kỹ lưỡng dưới đây.
Hình ảnh :
Hướng dẫn :
1, Xem hình ảnh trên bạn sẽ thấy đoạn mình đã bôi đen là chỗ mà mình cần nhắc tới.
2, Đăng nhập Blogger » Mẫu » Chỉnh sửa HTML
3, Tìm đến đoạn sau :
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "index"'>
Đặt code ảnh Thumb ở đây.
Đoạn code sẵn có khác.
</b:if>
4, Thêm đoạn code sau vào chỗ "Đặt code ảnh Thumb" :
<b:if cond='data:post.thumbnailUrl'>
<img expr:src='data:post.thumbnailUrl' />
</b:if>
5, Kết quả sẽ được đoạn code sau :
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond="data:post.thumbnailUrl">
<img expr:src="data:post.thumbnailUrl" />
</b:if>
Đoạn code sẵn có khác.
</b:if>
6, Xong, Test ngay cho nóng.
Chú ý : Bạn có thể Tải về bài hướng dẫn trên tại đây.
Kết bài : Trên đây chỉ là đoạn code nhỏ hiện ngoài trang chủ, bạn nên biết thay thế đúng như hướng dẫn, nó chỉ hiện khi bạn thêm vào trong thẻ <b:if cond='data:blog.pageType == "index"'> thôi nhé. Chúc bạn thành công !
Bài viết cùng chuyên mục: