Cách tạo kiểu dáng cho nút Read More

Trong thẻ Tag gồm chứa nhiều Post có cùng chung một chủ đề, cứ mỗi lần xem chung nội dung của một tag, ta thường thấy có một nút lệnh Read More. Muốn đọc tiếp, chỉ cần Click chuột vào, có thể xem toàn bộ nội dung của một bài Post.

HÌnh dáng của các nút Read More là do người thiết kế, Có thể có các kiểu dáng như hình vẽ dưới đây:

1. Truy cập vào Account của Blogger, vào Design >> Edit HTML

   
2. Truy cập vào Expand Widget Templates

3. Nhấn  Ctrl+F  tìm kiếm thẻ  </head> 
4. Dán Code sau đây vào trước thẻ </head> 

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://btrixx.googlecode.com/files/btrix.js' type='text/javascript'/>

5. Nhấn  Ctrl+F tìm kiếm tiếp hàng chữ <data:post.body/> xem nó ở vị trí nào trong Source Code.
6. Xóa hàng chữ tìm được, thay thế nó bằng mã Code dưới đây:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);
</script><div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade More >></b></a></span>
</b:if>

7. Bây giờ, Save Template lại nhé, cho ứng dụng hoạt động thử.
 Chúc các bạn thành công.

Tham khảo nguồn BloggerTrix.com

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..