(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.
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
» Bắt đầu thủ thuật1. Đă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
0 comments:
Post a Comment