Home » Thủ thuật Blogger
Hiển thị địa chỉ bài viết cuối bài viết trong Blogspot
(Traidatmui.com) – Ở một số blog hay web, bạn thỉnh thoảng sẽ nhìn thấy ở cuối mỗi bài viết có một khung chứa đường dẫn hay địa chỉ của bài viết mà người dùng đang xem. Cách này sẽ giúp cho người dùng có thể copy đường dẫn bài viết nhanh chóng để gửi cho bạn bè khi thấy bài viết hữu ích. Tuy nó cũng đơn giản nhưng có một số blogger có lẽ chưa biết cách để tạo tiện ích này. Hôm nay mình sẽ giúp bạn tạo tiện ích này cho Blogspot.
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng tiện ích (Expand Widget Templates)
5. Tìm đến code bên dưới
<data:post.body/>
6. Chèn code bên dưới vào ngay sau code vừa tìm được
<b:if cond='data:blog.pageType == "item"'>
<textarea onclick='this.select()' rows='1' style='width:100%;text-align:center;'>
<data:post.url/>
</textarea>
</b:if>
Ở code trên chỉ là hiển thị địa chỉ bài viết, nếu muốn nhúng link bài viết vào blog chỉ sử dụng copy và past thì bạn có thể sử dụng code bên dưới thay cho code ở bước 6.

<b:if cond='data:blog.pageType == "item"'>
<textarea onclick='this.select()' rows='1' style='width:100%;text-align:center;'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
</textarea>
</b:if>
7. Cuối cùng save template lại
Chúc bạn thành công
Hình ảnh minh họa

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng tiện ích (Expand Widget Templates)
5. Tìm đến code bên dưới
<data:post.body/>
6. Chèn code bên dưới vào ngay sau code vừa tìm được
<b:if cond='data:blog.pageType == "item"'>
<textarea onclick='this.select()' rows='1' style='width:100%;text-align:center;'>
<data:post.url/>
</textarea>
</b:if>
Ở code trên chỉ là hiển thị địa chỉ bài viết, nếu muốn nhúng link bài viết vào blog chỉ sử dụng copy và past thì bạn có thể sử dụng code bên dưới thay cho code ở bước 6.

<b:if cond='data:blog.pageType == "item"'>
<textarea onclick='this.select()' rows='1' style='width:100%;text-align:center;'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
</textarea>
</b:if>
7. Cuối cùng save template lại
Chúc bạn thành công

- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
- Tạo popup chỉ xuất hiện một lần duy nhất cho blog
- Thủ thuật tự động gom các Widget trên Blogspot thành các Tab nội dung
- Thủ thuật tạo các nút điều khiển cho Blogspot
- Thành phần hiển thị popup đóng tự động
- Tiện ích "Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang
- Tạo tab nhiều tiện ích cho blogspot
- Hướng dẫn tạo Drop Menu cho blog
- Tạo Menu Labels (Nhãn) xổ xuống cho Blogger
Comments[ 0 ]
Đăng nhận xét