Làm đẹp phần bài đăng blogspot

[LyLd12] - 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 chúng theo ý mình cho blog của bạn như thay chữ mặc định thành chữ khác hoặc bằng hình ảnh. Để làm được các bạn xem bài đăng dưới.

Việc chỉnh sửa có thể làm như cách sau : vào Phần tử trang -> 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 Thiết kế -> 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 :


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 Thiết kế
   + 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" />

<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 <div class='post-body'>

Tweet