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.

- Chèn link Google Search vào footer của bài viết
- SlideTab Recent posts (jQuery)
- [Update] Tạo Menu Thanh menu ngang có sổ dọc xuống
- [3.0.2] Nâng cấp ANCMedia Player cho trang phim
- Ngẫu hứng Blogger (3)
- Ngẫu hứng Blogger (2)
- 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
Comments[ 0 ]
Đăng nhận xét