2009/06/20

加入黑米書籤

覺得部落格太「白」了一點,是該家點色彩進去了,翻了翻別人的部落格,發現黑米書籤的顏色還不錯看!

加入書籤只要在網頁中插入一段 JavaScript:
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>

這樣就會出現直式的按鈕:


若希望在每篇文章都加上書籤按鈕,而且每個按鈕都會對應到不同的文章連結,可以在 JavaScript 加入參數:
<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = 'http:/www.hemidemi.com';
HEMiDEMi_Bookmark_Button_Title = 'HEMiDEMi';
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>

其中 HEMiDEMi_Bookmark_Button_URL 和 HEMiDEMi_Bookmark_Button_Title 會因為每篇文章不一樣而有不同的數值,且每篇文章都必須加上一個標籤,這時候就必須看 Blogger 版面配置資料標記來設定了。由說明可以看到 post.body 代表文章主體,所以將上述的黑米標籤語法貼在「<p><data:post.body/></p>」下方:
<p><data:post.body/></p>

<!-- 黑米標籤 -->
<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = 'http:/www.hemidemi.com';
HEMiDEMi_Bookmark_Button_Title = 'HEMiDEMi';
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>


喜歡敝站使用的格式可以直接複製貼上:
<div style='float:right; margin-left:10px; margin-top:20px;'>
<script type='text/javascript'>
HEMiDEMi_Bookmark_Button_URL = '<data:post.url/>';
HEMiDEMi_Bookmark_Button_Title = '<data:post.title/>';
HEMiDEMi_Bookmark_Button_Style = 'button1';
</script>
<script src='http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js' type='text/javascript'/>
</div>


參考資料:

版面配置資料標記 - Blogger 說明
http://help.blogger.com/bin/answer.py?answer=47270&topic=10274&hl=zh_TW

[功能] 黑米小按鈕 | HEMiDEMi黑米部落格
http://blog.hemidemi.com/?p=114

Fun New Run High: 在blogger首頁每篇文章中加入黑米(HEMiDEMi)按鈕
http://skyvee.net/2007/06/bloggerhemidemi.html



ps. 單引號到底要不要改「&#39;」啊?我這邊測試都 OK 說.......

沒有留言:

張貼留言