Cách làm như sau:
Đầu tiên các bạn đăng nhập vào http://blogger.com bằng tài khoản Gmail của các bạn. Chọn blog các bạn muốn chỉnh sửa:
Thiết kế -> Chỉnh sửa HTML -> Check vào Mở rộng mẫu tiện ích
(Layout -> Edit HTML – >Expand Widget Templates )
Tìm với từ khóa:Dưới dòng đó, các bạn copy và paste đoạn code sau vào:
“<div class=’post-footer-line post-footer-line-3′/>” (Lưu ý là không có dấu “. Có thể thay số 3 bằng số 1 hoặc 2)
<b:if cond=’data:blog.pageType == "item"’>Thay 2 đoạn màu đỏ bằng mã màu các bạn muốn thay.
<b>Copy đường link dưới đây gửi đến nick Yahoo! bạn bè: </b>
<textarea id=’gioithieu’ name=’gioithieu’ onclick=’this.select()’ readonly=’readonly’ style=’height: 100%; width: 100%; border: 3px solid #cccccc; background:#ffffff; color: #333333; font-size: 13px;’><data:blog.homepageUrl/> có bài "<data:post.title/>" rất hay. Để xem bài này hãy truy cập link: <data:post.url/></textarea>
</b:if>
Cuối cùng là save lại và kiểm tra ở bài viết của bạn (sẽ không hiển thị ở trang chủ nên các bạn không phải lo về vấn đề “mỹ quan đô thị” ^^
Demo:
Cách thực hiện như sau:
- Truy cập vào Blogger: Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML) >> click chọn ô check Mở rộng mẫu tiện ích (Expand widget templates).
- Tìm (Nhấn Ctrl + F ) đoạn code
<div class='post-footer-line post-footer-line-3'>
Bằng cách nhấn Ctrl + F và nhập từ khóa line-3 để tìm dễ hơn!
- Nếu không có bạn có thể tìm theo từ khóa line-2 hoặc line-1 để chèn dưới nó
- Thậm chí bạn có thể chèn nó ngay dưới đoạn code:
<data:post.body/>
- Chèn đoan code dưới:
<b:if cond='data:blog.pageType == "item"'>
<b>Gửi bài viết này cho bạn bè qua Y!M:</b>
<b>Gửi bài viết này cho bạn bè qua Y!M:</b>
<textarea cols='45' id='embedhtml' name='embedhtml' onclick='this.select()' readonly='readonly' rows='2'>
<b:if cond='data:post.title'> » <data:post.title/> : </b:if>
<b:if cond='data:post.url'><data:post.url/></b:if>
</textarea>
</b:if>
</b:if>
vào ngay phía dưới đoạn code vừa tìm được.
- Lưu lại mẫu (Save Templates).
Chúc các bạn thành công!
0 nhận xét to “Tạo khung gửi link cho bạn bè Yahoo”