Hướng dẫn thiết kế blogger toàn tập - Phần 7: Thủ thuật thu gọn bài viết ngoài trang chủ blogspot

Cái này thì các bạn search thì sẽ thấy rất nhiều rồi. Ở đây, mình chỉ đưa ra code theo cách của mình, để mọi việc là đơn giản nhất thôi nhé!

Thủ thuật thu gọn bài viết ngoài trang chủ blogspot

Như bao lần, Các bạn tìm đoạn code <data:post.body/>, nếu sử dụng tem mình đưa lúc đầu thì chỉ có 1 đoạn thôi, và thay thế nó thành





<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>

<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
<b:else/>
<img class='post-thumbnail' alt='no image' src='https://doiguocmoc.com/wp-content/uploads/2015/11/bannerdgm.png' width='72px' height='72px'/>
</b:if>

<data:post.body/>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
</b:if>
<b:else/>

</b:if>

<data:post.body/>

Các bạn chú ý một chút với code trên để chỉnh sửa theo ý muốn nhé:

- Kích thước ảnh thumbnail là 72px.

- http://doiguocmoc.com/wp-content/uploads/2015/11/bannerdgm.png là link hình ảnh thumbnail mặc định khi bài viết các bạn không có ảnh để lấy làm thumbnail.

Ở đây mình chỉ sử dụng những thẻ mặc định của blogger, nó sẽ cho tốc độ tải trang tốt nhất. Ngoài ra còn rất nhiều cách mà trên mạng có hướng dẫn, tuy nhiên đa số đều dùng javascrip nên có thể làm chậm trang của bạn. Những thủ thuật đó, chúng ta có thể sẽ nói tới ở các bài viết sau.
Demo của bài này bạn có thể xem ở đây: http://semohuongdanthietkeblog6.blogspot.com/