Blogger 打造紀實－外掛功能 (Alterations for PlugIns)

這篇記錄的是，在這裡所用到的第三方服務元件的引入。

Blogger 有其不足之處（陽春？），但是，以彼長補彼短，它的自由度，也提供了這個問題的解決方案。網路上有許多的服務，都有提供插入 Blogger 的語法及相關的說明，讓使用者可以很方便的去引入那樣的服務。甚至使用者覺得網路上提供的服務都不合用，如果有能力，還可以自行開發服務元件自行引入，十分方便。

書籤服務
訂閱服務
計數分析
訪客留言
星等評價

書籤服務

黑米 (HEMiDEMi)（20080618 掛載）
方便訪客推文/收藏的小按鈕。


<!-- ### 20080618 Script For HEMiDEMi ### --> 
<div style='float:right;margin-left:2px;'> 
  <script type='text/javascript'> 
    HEMiDEMi_Bookmark_Button_URL = '<data:post.url/>'; 
    HEMiDEMi_Bookmark_Button_Title = '<data:post.title/>'; 
  </script> 
  <script src='http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js' type='text/javascript'/> 
</div>

推推王 (funP)（20080618 掛載）
方便訪客推文/收藏的小按鈕。


<!-- ### 20080618 Script For FunP ### --> 
<div style='float:right; margin:0px 0px 10px;'>
  <script src='http://funp.com/tools/js/funp_button.js' type='text/javascript'/>        
  <script>funp_genButton("<data:post.url/>",1);</script> 
</div>

AddThis（20080620 掛載）
整合性的書籤服務，一個按鈕就可以通殺大部分的瀏覽器與書籤服務網站。


<!-- Begin Bookmark code 20080620 -->
<!-- abuweb -->
<script type='text/javascript'>
  addthis_url="<data:post.url/>";
  addthis_title="<data:post.title/>";
  addthis_pub="帳號";
</script>
<script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'/>
<!-- End Bookmark code 20080620 -->

訂閱服務

FeedButton（20080620 掛載）
整合性的訂閱按鈕，可以把 Feed 位址指到 FeedBurner 的摘要位址去。


<!-- Begin FeedButton code 20080620 -->
<!-- Change to abutw 20080627 -->
<!-- 15148 -->
<script type="text/javascript">
var feedbutton_id = 按鈕序號;
var fb_formtype = "long"; 
var fb_bordercolor = "#3399FF";
var fb_bgcolor = "#FFFFFF";
</script> 
<script src="http://www.feedbutton.com/feedbutton.js" type="text/javascript"></script>
<!-- End FeedButton code 20080620 -->

計數分析

部落格觀察（20080619 掛載 20080723 隱藏）
曾經，一個行銷人員看著我初出茅廬時做的站噗嗤地笑說，這一看就知道是學理工的人做的東西。好啦，台灣的，就別要求太多了，醜歸醜，拿來當 PageView Counter 還挺好用的。(笑)

<!-- Begin BlogLook Code 20080619 -->
<!-- Reset for Domain Name been Changed 20080626 -->
<!-- Modify for Silent Tracing. 20080723 -->
<!-- 84104 81989 -->
<script language="JavaScript" src="http://look.urs.tw/java/hits.php?BlogID=部落格ID" type="text/javascript"></script>
<!-- End BlogLook Code 20080619 -->

W3Counter（20080617 掛載 20080918 移除）
很不錯的計數服務，統計項目都還蠻齊全的。需要註冊帳號，一個免費帳號只對應一個網站計數器。雖然 Report 產出的週期時間比 Google Analytics 快很多，但是每次 Load 頁面都是這個外掛在墊底，移除能量蓄積中。

<!-- Begin W3Counter Tracking Code 20080617 -->
<!-- 13053 -->
<script src="http://www.w3counter.com/tracker.js" type="text/javascript"></script>
<script type="text/javascript">
w3counter(計數器ID);
</script>
<noscript>
<div><a href="http://www.w3counter.com"><img style="border: 0" alt="W3Counter Web Stats" src="http://www.w3counter.com/tracker.php?id=13053"/></a></div>
</noscript>
<!-- End W3Counter Tracking Code 20080617 -->

訪客留言

PlanetMiniBox（20080709 掛載 20080721 移除）
駐點單位近乎G8的封鎖下，好不容易讓我翻到一個沒擋到的留言服務，差點想不開自己下海去寫一個。


<iframe allowtransparency="true" scrolling="no" frameborder="0" width="150" style="border: 0px solid #000000;" src="http://www.planetminibox.com/box/chat/?5373439b4f4cf92a066f466e12d4513300c9de31" height="400">Sorry, your browser does not support iframes required to view <a href="http://www.planetminibox.com/" title="MiniBox - The Free, advanced AJAX Shoutbox">MiniBox Advanced Tagboard with Tabbed Private Messaging</a></iframe>

星等評價

outbrain（2080707 掛載　20080714 移除）
乾淨直覺的設計，讓訪客可輕鬆點選為文章評星等。如果有註冊帳號，可以有更深入的統計與設定資料。Widget Script 可以放在任何地方，看似聰明的會找文章區塊的尾端貼上去，但是，自作聰明的結果可能就是破壞掉原本的版型是絕大的敗筆。要是貼上去效果不盡理想，可能就得費番手腳去看 Code 修改。
```
/* ### 20080707 CSS For Outbrain Stars. ### */
#outbrain_container_0_bottom {
  border:1px dotted #bbbbbb;
  border-width:0 1px 1px;
}

<script language='JavaScript'>
  var OB_platformType =1;
  var OB_demoMode = false;
  var OB_langJS = "http://widgets.outbrain.com/lang_chi.js";
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
```

這些形形色色的服務，都提供了很方便的引入語法，讓使用者很簡單的放置在自己的網站中。可是，除了怎麼找到合適的，喜歡的服務之外，怎麼放進網站裡，怎麼放才好，這才是真正的考驗。一個頁面被下載下來，它的執行順序是什麼，以及是否可以跟 JavaScript 的 Event 相結合，比如說 onLoad 的時候要做什麼動作，甚至是跟 Blogger 的語法結合，在什麼情況下要不要引入，這些微調，可能都要下工夫去 try，別人家弄個無腦包就真的無腦引用，天下沒白吃的午餐，多多嘗試嚕！

2008-07-23