繼介紹過加入digg,推推王(FunP)"推文按鈕"到blogger後,黑米也有"推文按鈕", 同樣可以加在部落格文章中, 顯示這篇文章目前已有多少人推薦, 而且如果有黑米的帳號, 還可以直接推文.

要如何在blogger加入這個按鈕呢?

只要貼上一段程式碼就可搞定!除了可以在首頁每篇文章都顯示各推文數外, 也可以顯示在單篇文章.


加入程式碼之前,先記得備分一下template.
然後,選範本-->選修改HTML-->勾取 展開小裝置範本(一定要勾取,否則無法加入在每篇文章內)

1.找到這段code
<p><data:post.body/></p>

這行程式碼代表文章內文.

2.如果想放在文章右側,在<p><data:post.body/></p> 之前, 加入以下程式碼.(注意: 如果不只一處, 就都要放在這行程式碼之前)
<div style='float:right;margin-left:10px;'>
<script type='text/javascript'>
HEMiDEMi_Bookmark_Button_URL = &#39;<data:post.url/>&#39;;
HEMiDEMi_Bookmark_Button_Title = &#39;<data:post.title/>&#39;;
</script>
<script src='http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js' type='text/javascript'/>
</div>


3.如果想放在文章左側,在<p><data:post.body/></p> 之前, 加入以下程式碼.
<div style='float:left;margin-right:10px;'>
<script type='text/javascript'>
HEMiDEMi_Bookmark_Button_URL = &#39;<data:post.url/>&#39;;
HEMiDEMi_Bookmark_Button_Title = &#39;<data:post.title/>&#39;;
</script>
<script src='http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js' type='text/javascript'/>
</div>


效果如下,


4. 如果要橫式按鈕, 就在HEMiDEMi_Bookmark_Button_Title = &#39;<data:post.title/>&#39;;之後, 加入下述這行程式.
HEMiDEMi_Bookmark_Button_Style = 'button1';

效果如下,

arrow
arrow

    vemma維瑪珉珉Min 發表在 痞客邦 留言(0) 人氣()