2007/06/17

一個步驟在blogger加入digg 按鈕及顯示文章被推數




digg 是個很具代表性的web 2.0網站, 除了可以上傳自己收藏的文章, 也可以與別人一起分享及評論.

如同之前那篇如何在blogger 加入FunP推推王按鈕? , 這個digg按鈕除了可以直接推文到digg網站, 同樣也可以顯示目前推的次數.



這是要修改到html的部分.

首先要注意的是, 每次修改之前, 最好先備份一下模板.

備份說明: 按一下 "下載完整模版", 把目前的template 另存到電腦就行了.

1. 選擇 範本--> 修改 html --> 打勾 展開小裝置範本

2. 找出這一行程式碼

<p><data:post.body/></p>

3. 如果想把 digg 按鈕放在文章內文的左邊, 如下圖.


將以下程式碼, 取代上述 第2點 那一列程式碼.
<div style="float:left; margin-right:10px;">
<script type="text/javascript">
digg_url = "<data:post.url/>";
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
</div>
<p><data:post.body/></p>


4. 如果想把 digg 按鈕放在文章內文的右邊, 如下圖.


將以下程式碼, 取代上述 第2點 那一列程式碼.
<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>
<p><data:post.body/></p>


5. 如果想把 digg 按鈕放在文章內文的右下角, 如下圖.


將以下程式碼, 取代上述 第2點 那一列程式碼.
<data:post.body/>
<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>


相關文章 :

0 comments:

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.