Home » Thủ thuật blog
Tạo nút Digg cho bài viết
Thứ Năm, 16 tháng 4, 2009
Add Digg Button to Post Page
Khi chèn nút Digg vào bài viết, nó sẽ có dạng như sau:
Sau đây là cách làm:
1. Đăng nhập blog
2. Vào Chỉnh sửa Code HTML
3. Nhấn vào Mở rộng tiện ích (Expand Widget Templates)
4. Lưu template lại trước khi thực hiện
5. Tìm đọan code sau, hoặc tương tự:
<p><data:post.body/></p>
6. Xóa chúng và thay thế bằng đọan code sau:
<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>
7. Save template --> Như vậy là xong.
Tuy nhiên, hướng dẫn trên chỉ là cho các template mặc định, còn đối với các template đã chỉnh sửa và thêm tiện ích Read More (Đọc thêm) vào bài viết thì các bạn cần chỉnh sửa lại 1 chút. Và khi chỉnh sửa xong code trông giống như bên dưới:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>
<a expr:href='data:post.url'><b>Read More...</b></a>
</b:if>
Cuối cùng là save template lại.
Chúc các bạn thành công.

- Bạn biết gì về Blogspot, hãy chia sẻ cùng tôi.
- Blogger chính thức add avatar vào comment feed
- Share 3 template bloger đẹp cho anh em
- 12 cách giảm thời gian load trang cho bloger
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
- Thêm tác giả, quyền Admin cho blogspot
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Cài đặt theo dõi Google analytics cho blogspot
- Cách tạo khung Form đăng nhập cho blogspot
- Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]
Comments[ 0 ]
Đăng nhận xét