如何在blogger留言區添加Yahoo表情符號？ @ Channel【X】

嫌blogger預設的留言系統太過單調嗎？只要安裝下面這個hack，就可以讓blogger留言添加上Yahoo表情符號！

使用教學:

範例: 測試demo站

步驟1 請先備份好模板

步驟2 後台 > 設定 > 意見 > 意見欄位置選擇已內嵌下列文章

步驟3 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

步驟4 搜尋以下程式碼

<p class='comment-footer'>      

<b:if cond='data:post.embedCommentForm'>       

<b:include data='post' name='comment-form'/>       

<b:else/>       

<b:if cond='data:post.allowComments'>       

<h3><a expr:href='data:post.addCommentUrl'       

expr:onclick='data:post.addCommentOnclick'>       

<data:postCommentMsg/></a></h3>       

</b:if>       

</b:if>       

</p>       

</b:if>

步驟5 把步驟4搜尋到的程式碼用以下程式碼取代

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) </b> </div> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>

步驟6 搜尋</body>，並且在</body>前加上
<script src='http://xavierliu.googlecode.com/files/smiley.js' type='text/javascript'/> ( 這個js檔案可以下載下來自行上傳或備份 )

步驟7 儲存 > 大功告成
儲存後可以發現留言板前面多了一個含有表情符號的區塊，只要打入特定符號，就可以顯示出相對應的圖片

補充搜尋不到步驟4的程式碼可以找看看下面這個

<p class='comment-footer'>      

<b:if cond='data:post.embedCommentForm'>       

<b:if cond='data:post.allowNewComments'>       

<b:include data='post' name='comment-form'/>       

<b:else/>       

<data:post.noNewCommentsText/>       

</b:if>       

<b:else/>       

<b:if cond='data:post.allowComments'>       

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>       

</b:if>       

</b:if>       

</p>       

</b:if>