Home » Thủ thuật blog
Tạo nút Digg cho bài viết
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.

- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- 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
- Giải pháp Blogger bị chặn 02/07/2012
- Các truy vấn cơ bản với Blogspot
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
- Khắc phục hiện tượng chặn web của VNPT.
- Giải pháp VNPT chặn blogger ngày 09/06/2012
- Tạo thumb cho bài đăng phổ biến
Comments[ 0 ]
Đăng nhận xét