Ads 468x60px

##EasyReadMore##

22 11月, 2013

[Blogger] 加入文章快速編輯功能

image

因之前套用別人的主題是沒有快速編輯的功能

如果是內建的主題只要在

版面配置→編輯

image

顯示快速編輯打勾即可

image

但如果是用第三方的佈景就要自己手動加上了

1. 版面配置 --> 修改 HTML 先找有沒有這行 <b:includable id='postQuickEdit' var='post'>程式碼,如果沒有,繼續以下步驟.

2.在這行<b:includable id='comments' var='post'>之前,加入以下程式碼
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + 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>

3.若想要在標題旁邊加上編輯的圖示

image

則在<div class='title'> 下的 </h2> 上面加上

<b:include data='post' name='postQuickEdit'/>

結果如下:

image

而想要加在其它位置可參照之後在 <div class='post-footer-line post-footer-line-1'> 之後,加入上列這行程式碼

則整段程式碼應會變成

<div class='post-footer-line post-footer-line-1'>
<b:include data='post' name='postQuickEdit'/>
</div>


儲存後回到頁面看, 就能看到鉛筆的快速編輯圖案了!

http://www.skyvee.net/2008/11/blogger-tips.html

0 意見:

張貼留言

 
Blogger Templates