Loading post navigation ...
 
 

Pro page

20
Nhận xét

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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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.




Enter your mail address:

20

Ngankvn ®

Cái Footer bài viết của mình , phần Ngày đăng bài ( class="date-header" ) nó hên xui lúc hiện lúc không là Sao hả Phan Dũng ??? mình muốn cái Phần ngày đăng giống của Phan Dúng ấy ( class="published" ) - có vẻ ổn ko bị lỗi bao giờ ???

fandung

cái class="date-header" trong blog của mình mặc định ở đầu bài viết. Và trong trang chủ, nó chỉ hiện thị với duy nhất 1 bài đăng mới nhất của ngày đó thôi. Còn khi vào trong mỗi bài viết thì nó luôn luôn hiển thị ở trên cùng.

Còn ở phần footer thì nó luôn luôn hiển thị.

EragonPump

;))

@CuongDC
Happy

Invalid data reference top.showAuthor: No dictionary named: 'top' in: ['blog']
bị như vậy đó bạn ơi

sangnguyenMS

Chào bạn.
Bạn xem lại code sao của mình không có code như của bạn. Mình muốn làm như phần 3 đưa tên lên trên không được. Mình không có các code như của của bạn.

Black Angel

em làm nhưng không thành công. : http://kintinblack.blogspot.com <<< anh xem giúp em được ko ạh?

Hải Nguyễn

Bài viết rất đầy đủ, cảm ơn admin
http://suamaytinhtainha24.blogspot.com/

Hải Nguyễn

Bài viết rất đầy đủ, cảm ơn admin
http://suamaytinhtainha24.blogspot.com/

nhàn nguyễn

Tks your share
Xem thêm:
bạc bịp

midu9x

Bài viết rất hay cờ bạc bịp, mua đồ đánh co bac bip công nghệ cao. thank y AD :D

Võ Huy

Cảm ơn bài viết mình sẽ áp dụng cho site
dụng cụ đánh bạc bịp

Lê Trang

bài viết rất hay.Hãy tìm hiểu thêm: sùi mào gà là gì

Phạm Hương

Bài viết hữu ích:
nguyên nhân gây viêm cổ tử cung

Hương Phạm

Bài viết rất hữu ích, có thể bạn quan tâm:
Thay màn hình iPhone 5

Phạm Hương

Có thể bạn quan tâm:
Thay mặt kính samsung galaxy j7

Unknown

thanks ad more Thay màn hình ipad 4

Mai Phương

Read more!
Thay mặt kính nokia lumia 925

Mai Phương

Thanks you!
thay mặt kính ipad air chính hãng

nu cuoi

Bài viết rất hữu ích. Có thể bạn quan tâm
thay màn hình samsung galaxy a8



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home