iPlay99玩樂誌

雖然用 blogger 時間並不長，但在我選擇了「羊男三欄式Gadget1.1樣版」以及目前這個「Geckoandfly」的樣版，還有之前試的幾個樣版，蠻普遍都存有一個問題，那就是 blogger 系統本身的快速編輯功能(Quickedit)與郵件轉寄(EmailPost)功能常常會失效，我一直以為是自己不懂，才有這種情形，不過看到BBS上也有人問，原來不只自己有問題。

本文僅說出個人解決方法，不一定準確，有所謬誤，還望高手不吝指正，謝謝。

如果你閱讀本文過程，有困難的話，請參考底下文章：

Blogger改造 - 入門介紹+前置動作(更新中) by iPlay99
Blogger - 版面配置的網頁元素標記widget說明 by iPlay99

一開始我們先確認一下測試條件是否都相同，請於「範本」>>「網頁元素」>>「blog文章」，確認一下

1.是否有打勾，它「確定」會直接影響快速編輯功能(Quickedit)顯示與否

2.搬移位置功能，請你自行先將小鉛筆搬到別行之後並儲存，重新整理，看看是否有影響？

• 如果有，那麼你的範本這部份算是有注意到，可省略底下的「手動搬移」部份
• 如果沒有，那麼恭禧你，想移動的話，請自行diy「手動搬移」，如何搬，底下會說明。

好了，上面兩點你都做了之後，接下來要看程式碼部份了，請至「範本」>>「修改html」>>展開小裝置範本。

快速編輯功能(Quickedit)：我拿身邊的兩個範本的程式碼來說，想自己動手查詢的話，請找關鍵字 quickedit。

羊男三欄式Gadget1.1樣版

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>

3 Column New Blogger Template: Bloggerized Adsense by Isnaini

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' title='Edit Post'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>

說明：每個樣版都附上兩段程式碼

第一段的程式碼簡單說，你把它想成是啟動開關就好了，當我寫出這段程式碼，表示我要啟動快速編輯(Quickedit)功能，想多瞭解的話，請看上面引用的 widget 說明文章。

而第二段的程式碼，則是該功能的設定檔，接著底下我再拿正常的程式碼，請看紅色字體互相做對照：

<b:includable id='postQuickEdit' var='post'> <!-- 快速編輯功能 -->
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>

呃，知道哪有問題了嗎？原本的程式碼少了<img>語法，沒有圖怎麼顯示啊？你可以把紅色字體整段複製回去再取代錯誤段落的即可。

quickedit 解決了，接著再來

郵件轉寄文章功能(EmailPost)：我拿身邊的兩個範本的程式碼來說，想自己動手查詢的話，請找關鍵字 email。

羊男三欄式Gadget1.1樣版

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if>

3 Column New Blogger Template: Bloggerized Adsense by Isnaini

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if>
</span>

說明：

emailpost 這部份比較簡單，它就一段程式碼而已，接著底下我再拿正常的程式碼，請看紅色字體互相做對照：

<b:if cond='data:post.emailPostUrl'> <!-- email轉寄文章 -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<img alt='mail post' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>

理由同 quickedit ，所以呢，整段複製過去取掉即可。

你可能會有紅色字段落前的 <a> 語法怎麼不一樣的疑問，那應該只是程式寫法不同，但都有效。至少我的是有效…你可以整段貼，也可以先複製紅色字段落過去試試，應該都可以。

圖示的 DIY 搬移做法：

現在快速編輯(Quickedit)與郵件轉寄(EmailPost)兩個功能都出現了，但是有些人會發現從「blog文章」進入搬移後，沒有效果，這是因為內部程式寫死的緣故，所以你要自行diy搬移啦

一樣進入「範本」>>「修改HTML」>>「展開小裝置範本」

接下來Ctrl+F查找 post-header 與 post-footer ，你「一定」會找到

<div class='post-header-line-1'> 註：後面必接一個 </div>
<p class='post-footer-line post-footer-line-1'> 註：後面必接一個 </p>

如上....或是類似的段落, post-footer-line通常有1、2、3行

例外情況：
<div class='post-header-line-1'/> 註：最後加了一個 / 視同該語法結束

如果半個都沒有，你確定你抓的是 for blogger 的樣版？

雖然我看過的樣版不多(十多個)，可是沒遇過沒有的(舊版blogger template我不清楚)。

接著，要搬移快速編輯(Quickedit)功能，請搬移上面我們所提到兩段語法中第一段語法即可，第二段不用動它。

要搬移郵件轉寄(EmailPost) 的語法，則是整段都要，如果有 <span> 語法，則是連它也一起搬移，請查看上面範例，一個是有附<span>，一個沒有。

將語法在 post-header line 或 post-footer-line 之間搬移即可

如果仍有問題的話…試著把該功能取消>>儲存>>重新整理>>再打勾一次試試，還不行…就再發問吧，因為我還沒遇過這幾個試法仍無法解決的。

我自己的猜測應該是 blooger 舊版與beta版的程式寫法不同而導致，而樣版template這東西，你知道的，拿舊的來改一改，就…

講完，收工！
Technorati 的標籤：blogger,quickedit,emailpost