Home »

Tạo nút Digg cho bài viết

Thứ Năm, 16 tháng 4, 2009
Add Digg Button to Post Page
[FD's BlOg] - Bạn có biết trang digg.com? Digg.com là 1 trang web khá phổ biến trên thế giới. Với Digg.com bạn có thể khám phá và chia sẻ nội dung blog của bạn, đây cũng là 1 trong những cách để tăng lượng truy cập vào blog của bạn.

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.
Tags: ,

Comments[ 0 ]


Đăng nhận xét