Loading post navigation ...
 
 

Pro page

35
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:

35

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

Mai Phương

Cảm bạn bạn đã chia sẻ bài viết. Có thể bạn quan tâm:
thay màn hình nokia lumia tại hà nội

Tuong Vi

thay màn hình samsung galaxy a9

nu cuoi

Có thể bạn quan tâm:
thay mặt kính samsung galaxy note 2 chính hãng

Lê Trang

giá thay mặt kính asus zenfone selfie tại hà nội

hương lan

Cảm ơn bài viết bạn đã chia sẻ. Có thể bạn quan tâm:
kinh nghiệm đi Thay màn hình ipad pro giá rẻ

Biện Văn Đảm

https://homedy.com/cho-thue-van-phong
Thuê văn phòng
Cho thuê văn phòng
Thuê văn phòng Homedy
Cho thuê văn phòng Homedy



Anh Linh

Cảm ơn bài viết!
Xem thêm dịch vụ Thay màn hình samsung galaxy s7 tốt nhất Hà Nội

Hoang Hai

Xem ngay thay màn hình oppo neo 5 uy tín, chất lượng

Biện Văn Đảm

>>>Tham khảo thêm thông tin nhà đất của Homedy tại đây
Mua bán đất tại tp hcm https://homedy.com/ban-dat-tp-ho-chi-minh
Mua bán đất tại hà nội https://homedy.com/ban-dat-ha-noi
Đất nền khu dân cư tại Hà Nội https://homedy.com/ban-dat-nen-khu-dan-cu-ha-noi
Đất nền khu dân cư tại HCM https://homedy.com/ban-dat-nen-khu-dan-cu-tp-ho-chi-minh
Mua bán đất https://homedy.com/ban-dat
Mua bán nhà đất https://homedy.com/nha-dat-ban
Cho thuê đất tphcm https://homedy.com/cho-thue-dat-tp-ho-chi-minh
Bán đất nền khu dân cư tại tphcm https://homedy.com/cho-thue-dat-tp-ho-chi-minh
Cho thuê đất nền khu dân cư tại hà nội https://homedy.com/cho-thue-dat-nen-khu-dan-cu-ha-noi


thang nguyen

>>>> Tham khảo thêm những thông tin mua bán đất của Homedy tại đây:
bán căn hộ giá rẻ
mua chung cư giá rẻ quận Hoàn Kiếm
mua chung cư giá rẻ quận Ba Đình
mua chung cư giá rẻ quận Đống Đa
mua chung cư giá rẻ quận Hai Bà Trưng
mua chung cư giá rẻ quận hoàn kiếm
mua chung cư giá rẻ quận Thanh Xuân

thang nguyen

>>>> Tham khảo thêm những thông tin mua bán đất của Homedy tại đây:
bán căn hộ giá rẻ
mua chung cư giá rẻ quận Hoàn Kiếm
mua chung cư giá rẻ quận Ba Đình
mua chung cư giá rẻ quận Đống Đa
mua chung cư giá rẻ quận Hai Bà Trưng
mua chung cư giá rẻ quận hoàn kiếm
mua chung cư giá rẻ quận Thanh Xuân

Biện Văn Đảm

>>>Tham khảo thêm thông tin nhà đất của Homedy tại đây
mua bán đất https://homedy.com/ban-dat
mua đất nền tại hà nội https://homedy.com/ban-dat-nen-du-an-ha-noi
mua đất nền tp hcm https://homedy.com/ban-dat-nen-du-an-tp-ho-chi-minh
mua đất thổ cư hà nộihttps://homedy.com/ban-dat-nen-tho-cu-ha-noi
mua đất thổ cư tp hcm https://homedy.com/ban-dat-nen-tho-cu-tp-ho-chi-minh
mua bán đát nền ( dự án) https://homedy.com/ban-dat-nen-du-an
Mua bán Đất nền thổ cư https://homedy.com/ban-dat-nen-tho-cu
Mua Bán Đất Du Lịch, Nghỉ Dưỡng https://homedy.com/ban-dat-du-lich-nghi-duong
Mua Bán Đất Công Nghiệp https://homedy.com/ban-dat-cong-nghiep
Mua Bán Đất Nông Nghiệp, Đất Lâm Nghiệp https://homedy.com/ban-dat-nong-lam-nghiep

Thang Nguyen Van

>>>> Tham khảo thêm những thông tin mua bán đất của Homedy tại đây:
https://homedy.com/ban-can-ho-gia-re-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hoan-kiem-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-ba-dinh-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-dong-da-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hai-ba-trung-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hoan-kiem-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-thanh-xuan-ha-noi

Biện Văn Đảm

>>>Tham khảo thêm thông tin nhà đất của Homedy tại đây
Mua bán nhà đất homedy
Mua bán đất homedy
Mua bán nhà đất tại bình dương
Mua bán nhà đất quận Gò Vấp homedy
Mua bán nhà đất quận Thủ Đức homedy
Mua bán nhà đất quận 7 homedy
Mua bán nhà đất quận 9 homedy
Mua bán nhà đất quận Tân Bình homedy
Mua bán nhà đất quận Tân Phú homedy
Mua bán nhà đất quận Phú Nhuận homedy

Thang Nguyen Van

>>>> Tham khảo thêm những thông tin mua bán đất của Homedy tại đây:
https://homedy.com/ban-can-ho-gia-re-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hoan-kiem-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-ba-dinh-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-dong-da-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hai-ba-trung-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-hoan-kiem-ha-noi
https://homedy.com/ban-can-ho-gia-re-quan-thanh-xuan-ha-noi



☺ 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