Chỉnh sửa Footer của bài viết

Người đăng: yeu mai em on Thứ Hai, 20 tháng 4, 2009

Customize the Post Footer
[FD's BlOg] - Footer của bài viết có chứa tiện ích như : Người đăng, thời gian post bài, nhãn comment... Các bạn có thể chỉnh sửa theo ý mình cho blog của bạn.

Việc chỉnh sửa có thể làm như cách sau : vào layout (Bố cục)-> Tìm đến tiện ích "Bài đăng trên blog" và click vào Edit(chỉnh sửa) -> và một hộp thọai hiện ra, và bạn có thể chỉnh sửa theo ý mình (xem hình bên dưới)

Bây giờ bắt đầu chỉnh sửa chi tiết
1. Tên tác giả (người đăng bài viết)
- Để thay đổi tên người đăng bài viết bạn làm như sau : Vào Bảng điều khiển -> Chỉnh sửa Hồ sơ -> Tên Hiển thị -> Thay Đổi Tên và lưu lại.
- Tuy nhiên bạn muốn hiển thị với tên khác, bạn có thể chỉnh sửa trong template. Để làm điều này, bạn vào Bố cục (layout) -> Chỉnh sửa code HTML -> Chọn mở rộng tiện ích -> tìm đến dòng code sau :

<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

Xóa dòng code màu đỏ và thay bằng tên bạn muốn hiển thị, ví dụ nickname của bạn.

Và bạn cũng có thể thay tên tác giả bằng hình ảnh :
- để làm điều này, bạn làm tương tự như trên, và cũng xóa dòng code màu đỏ và thay bằng đọan code bên dưới :

<a href="{URL OF YOURBLOG}"><img src="{link hình ảnh}" /></a>


2. Thay đổi Chữ "Nhãn" dưới bài đăng theo ý mình:
- Các nhãn được chỉ định dưới bài viết thường được bắt đầu bằng thuật ngữ "Nhãn (Labels)". Nếu bạn muốn thay đổi nó theo ý mình, ví dụ như thay bằng "Thể Loại"...
- Để làm được thủ thuật này, bạn làm các bước sau:
+ Vào Bố cục
+ Vào chỉnh sửa code HTML
+ Nhấn chọn Mở Rộng tiện ích
+ Tìm đến đọan code sau:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

- Xóa dòng code màu đỏ và thay thế bằng 1 chứ khác theo ý bạn, ví dụ : Thể Loại

Hoặc cũng có thể thay thế nó bằng hình ảnh :
- Tương tự như trên, xóa đọan code màu đỏ và thay bằng đọan code bên dưới:

<img src="URL OF IMAGE " alt="BLOG TITLE" />


3. Đưa dòng Footer ở phía dưới bài viết lên trên, nằm ngày dưới tiêu đề bài viết

- Đôi khi người đọc sẽ thấy hứng thú hơn với việc đưa dòng footer của bài viết lên trên. Để làm điều này, bạn vào Chỉnh sửa code HTML -> Chọn mở rộng tiện ích -> tìm đến dòng code sau:

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>


và cut tất cả đọan code trên và dán vào ngay sau dòng code bên dưới :

<div class='post-body'>


Chúc các bạn thành công.


{ 0 nhận xét... read them below or add one }

Đăng nhận xét