Loading post navigation ...
 
 

Pro page

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

29

Khách (ẩn danh)

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
M®Tadaa

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.

Lisette

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

Nguyễn Hải

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

Nguyễn Hải

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

Unknown

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

voquanghuy1307

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

Unknown

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

Lan Ngọc

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

Unknown

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

Unknown

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

Unknown

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

Grand World

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



Hoang Hai

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

Grand World

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


Grand World

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

Khách (ẩn danh)
Khách (ẩn danh)

Thị trường bất động sản 2018
http://vinhomesgardenscity.blogspot.com/2018/03/thi-truong-bs-viet-nam-2018-don-ty-do-dau-tu.html

Khách (ẩn danh)

Hay quá thank admin thuê mặt bằng giá rẻ tại quận tây hồ

Khách (ẩn danh)

Tìm kiếm thông tin BDS tại Homedy nhanh nhất tại đây:
Tìm căn hộ Penthouse tại Homedy https://homedy.com/ban-can-ho-penthouse
Tìm mua căn hộ quận Bình Thạnh https://homedy.com/ban-can-ho-gia-re-quan-binh-thanh-tp-ho-chi-minh
Tìm mua căn hộ giá rẻ Hà Đông https://homedy.com/ban-can-ho-gia-re-quan-ha-dong-ha-noi
Tìm mua căn hộ Mini Cầu Giấy https://homedy.com/ban-can-ho-mini-quan-cau-giay-ha-noi
Tìm mua căn hộ Mini Hoàn Kiếm https://homedy.com/ban-can-ho-mini-quan-hoan-kiem-ha-noi

Khách (ẩn danh)

Tìm kiếm thông tin BDS tại Homedy nhanh nhất tại đây:

Tìm chung cư mini https://homedy.com/cho-thue-can-ho-mini
Tìm thuê căn hộ mini tại Hà Nội https://homedy.com/cho-thue-can-ho-mini-ha-noi
Tìm thuê căn hộ mini tại HCM https://homedy.com/cho-thue-can-ho-mini-tp-ho-chi-minh
Tìm Thuê chung cư giá rẻ https://homedy.com/cho-thue-can-ho-gia-re
Tìm Thuê chung cư giá rẻ tại Hà Nội https://homedy.com/cho-thue-can-ho-gia-re-ha-noi
Tìm Thuê chung cư giá rẻ tại HCM https://homedy.com/cho-thue-can-ho-gia-re-tp-ho-chi-minh

Khách (ẩn danh)

Bài viết rất có ích

->>> Tham khảo :
cách phòng trị bệnh đốm trắng
chất tẩy rửa đa năng
hóa chất xử lý bề mặt nhôm

Khách (ẩn danh)

Xem thêm:
Bí quyết khi mua căn hộ http://phongthuynhapho.com/phong-thuy-bi-quyet-khi-mua-can-ho-chung-cu/
Những lưu ý khi chọn mua căn hộ http://nharieng.co/3-luu-y-khi-chon-mua-can-ho-gia-re/
Kinh nghiệm cực hay khi mua chung cư http://99batdongsan.com/chi-tiet/kinh-nghiem-cuc-hay-khi-mua-can-ho-chung-cu/
6 Kinh nghiệm vàng khi thuê căn hộ http://99batdongsan.com/chi-tiet/6-kinh-nghiem-vang-giup-ban-cho-thue-can-ho-mot-cach-de-dang/
Căn hộ giá rẻ tại Hà Nội http://nharieng.co/can-ho-chung-cu-gia-re-ngay-cang-nhieu-tai-ha-noi/

Unknown

Mua bán căn hộ Homedy giá rẻ thu hút:
Cho thuê căn hộ quận tân phú xem chi tiết
Cho thuê căn hộ quận thủ đức xem chi tiết
Cho thuê căn hộ hà nội xem chi tiết
Cho thuê căn hộ gia lâm xem chi tiết
Cho thuê căn hộ quận thanh trì xem chi tiết

phadahousing

Dự án thuê căn hộ hà đô nguyễn văn công có Tiện ích khu căn hộ chung cư hà đô gò vấp: gym, nhà trẻ, hầm xe thông thoáng, an inh 24/24, cafe shop, siêu thị mini



☺ 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