洲美↔淡水單車行

07-03-2011

最近一陣子工作的忙碌,假日只想在家休息,似乎已忘記汗水、陽光的滋味。信如的邀約,讓我有動力再次感受運動的暢快

未完成單車環島行之啟程

07-01-2009

沒有任何詳盡計畫,憑著一顆尋夢的心去環島。或許沒辦法完成,但我想過程中的點點滴滴才會是這段旅程中最可貴的收穫。2009-07-01攝於住家前。

野柳國家風景區

07-01-2009

於環島第一天途中到野柳國家風景區。著名的女王頭果然是遊客的最愛。當天遇到韓國旅行團、中國旅行社,一大群人都搶著跟這顆女王頭拍照。地上有標示, 告訴你站什麼位置,在哪個地方拍角度才會像女王頭,還頗貼心的。

巧姐文定之喜

11-29-2009

巧慧姐成為大學同學中第一個成就終身大事的幸運兒。這也是我生平第一次參加自己朋友喜宴,穿著、禮金這一切對我來說很新鮮。著西裝到場的我雖然被虧太正式,但這種特殊場合中特別一點又何妨!畢業後同學們各自在不同的領域中奮鬥,我想以後這種喜宴場合會是另一種同學會的形式吧!恭喜巧慧姐,祝妳百年好合、早生貴子!

我一直對blogger原本的留言方式很不習慣,一直在找怎麼樣去改進這樣的留言方式。希望把它變成是可以直接在文章下方就有留言欄。這樣的留言方式就像是目前大家比較常見的BSP所提供的方式。

前幾天看到Josh's Note上有一篇改進Blogger的留言方式 。它是嵌入一個iframe到網頁中,雖然這樣的結果不完全跟其他BSP提供的功能相同,不過也相近不遠。

只是我現在用的是Neo版型,所採用的是Ajax,因此那篇文章並無法直接套用到這個版型。對此,我做了一點修改,以達到Josh那篇的目的。在進行前最好將原始的檔案備份。






  1. 首先,進入控制主頁–範本–修改Html,選取「展開小裝置範本」,找下面程式片段:

    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>
    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
    <a expr:name='"comment-" + data:comment.id'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>
    <p class='comment-footer'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </p>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
    <b:if cond='data:post.showBacklinks'>
    <b:include data='post' name='backlinks'/>
    </b:if>
    </div>
    </div>
    </div>
    </b:includable>

    將這段程式碼刪除

  2. 接著開啟neo版型的JavaScript檔,如果原本使用的是neo預設的網址的話先將這個JavaScript檔上傳至自己的網路空間,而後到HTML上面更改,在

    ]]></b:skin>

    這行之後。


  3. 開啟neo.js,也就是剛剛說得那個JavaScript檔,在上面全域變數的地方新增commentUrl變數

    var commentUrl = new Array();



  4. 而要先去找到你自己blog的blogid。這個可以隨意連進你的意見頁面,上方的網址中即會有(就是那一長串的數字)。
    然後在上方全域變數的地方新增一行

    blogid = 你的blogid;



  5. 再到fetchComments這個function下加入一行

    commentUrl = 'http://www.blogger.com/comment.g?blogID=' + blogid + '&postID=' + postid + '&isPopup=true';



  6. 在neo.js中搜尋"commentdiv.innerHTML"
    會找到其中一個是

    commentdiv.innerHTML = "<center><h2>目前沒有任何回應</h2></center>";

    把它改成

    commentdiv.innerHTML = "<center>><h2>目前沒有任何回應</h2></center>" + "<div id='comment-parent' style='margin-bottom: 50px;'><div style='border:none; height:600px; width: 400px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO; margin-right: auto;margin-left: auto;'><iframe src='" + commentUrl + "' height='100%' scrolling='yes' style='border:none;' width='100%'/></div></div>";



  7. 而在

    commentdiv.innerHTML = disp;

    的上面一行改成下列程式碼

    disp = disp + "<div id='comment-parent' style='margin-bottom: 50px;'>
    <div style='border:none; display: block; height:600px; width: 400px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO; margin-right: auto;margin-left: auto;'>
    <iframe src='" + commentUrl + "#form' height='100%' scrolling='yes' style='border:none;' width='100%'/>
    </div>
    </div>";



完成後即可去你的部落格看看結果如何了。
我的部落格目前留言方式就是用這個方法產生的。

1 Response to "改善blogger留言方式---For Neo版型"

  1. esquisse Said,

    你真的好閒…XD

     

張貼留言

歡迎留下您的回應