2008-07-23

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

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

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,別人家弄個無腦包就真的無腦引用,天下沒白吃的午餐,多多嘗試嚕!

0 回應 :

張貼留言

讓阿布知道你對這篇文章的想法吧!

 
本站係採用創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權