網頁

2013年11月3日

|

網誌留言"表情符號" 浮動列表 v2.3 + 顯示功能 v2.2 (簡易安裝版)

Views:
之前有介紹過 留言區的 "表情符號" 浮動列表 + 顯示功能 2 篇安裝使用文章,
感覺上只有 20 個左右, 相比原 "表情符號" 共有 97 個少得多.
而且使用時需要對表打字, 不好搞, 又容易出錯.

所以立下心意, 重新篇寫全部程式碼, 完全相容 97 個"表情符號"
加上 [img] 標籤, 可以貼上圖片
再加上 [ytube] 標籤, 可以貼上 YouTube 影片 (6Nov13 更新 V2.2)
加上 Help 使用說明, 應該是最終版本 (10Nov13 更新 V2.3)



表情符號列表 V2.3 程式碼, 使用"簡易安裝"方式. (網誌最下方, 參考圖解.)

<!-- 表情符號列表 V2.3 -->
<style type="text/css">
div.menubox {position:fixed; background-color:#ffffff; border:1px solid #cccccc; width:240px;z-index:2; right:0px; bottom:0px; color:#0000FF; border-top-left-radius: 10px;}
</style>

<script>
function showcode(X){
Z=X.split(",");
ZZ=""
for (i=0;i<Z.length;i++){ZZ=ZZ+String.fromCharCode(Z[i])}
document.getElementById('outputcode').value=" "+ZZ+" ";
document.getElementById('outputcode').select();
document.getElementById('box2').style.display="none";
document.getElementById('box3').style.display="";
setTimeout("document.getElementById('box2').style.display='';document.getElementById('box3').style.display='none'",4000);
}
</script>

<div class="menubox">
<div id="box1" style="display:none">
<div id="box2"><center><b>留言時使用符號"代碼"輸入;<br/>發佈時; 留言內文自動顯示.</b></center></div>
<div id="box3" style="display:none"><center><font color="red"><b>Ctrl+C 複製"代碼";<br/>滑鼠點入留言區; Ctrl+V 貼上</b></font></center></div>
<center><input type="text" style="width:180px;" id="outputcode" value="點選圖像; 可得表情符號代碼"/></center>
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif " onclick="showcode('58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif " onclick="showcode('58,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif " onclick="showcode('59,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif " onclick="showcode('58,68')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif " onclick="showcode('59,59,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif " onclick="showcode('62,58,68,60')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif " onclick="showcode('58,45,47')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif " onclick="showcode('58,120')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif " onclick="showcode('58,34,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif " onclick="showcode('58,80')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif " onclick="showcode('58,45,42')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif " onclick="showcode('61,40,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif " onclick="showcode('58,45,79')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif " onclick="showcode('88,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif " onclick="showcode('58,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif " onclick="showcode('66,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif " onclick="showcode('58,45,83')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif " onclick="showcode('35,58,45,83')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif " onclick="showcode('62,58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif " onclick="showcode('58,40,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif " onclick="showcode('58,41,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif " onclick="showcode('58,124')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif " onclick="showcode('47,58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif " onclick="showcode('61,41,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif " onclick="showcode('79,58,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif " onclick="showcode('58,45,66')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif " onclick="showcode('61,59')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif " onclick="showcode('58,45,99')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif " onclick="showcode('58,41,93')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif " onclick="showcode('126,88,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif " onclick="showcode('58,45,104')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif " onclick="showcode('58,45,116')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif " onclick="showcode('56,45,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif " onclick="showcode('73,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif " onclick="showcode('56,45,124')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif " onclick="showcode('76,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif " onclick="showcode('58,45,38')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif " onclick="showcode('58,45,36')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif " onclick="showcode('91,45,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif " onclick="showcode('58,79,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif " onclick="showcode('56,45,125')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif " onclick="showcode('60,58,45,80')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif " onclick="showcode('40,58,124')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif " onclick="showcode('61,80,126')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif " onclick="showcode('58,45,63')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif " onclick="showcode('35,45,111')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif " onclick="showcode('61,68,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif " onclick="showcode('58,45,83,83')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif " onclick="showcode('64,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif " onclick="showcode('58,94,111')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif " onclick="showcode('58,45,119')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif " onclick="showcode('58,45,60')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif " onclick="showcode('62,58,80')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif " onclick="showcode('60,41,58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif " onclick="showcode('88,95,88')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif " onclick="showcode('58,33,33')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif " onclick="showcode('92,109,47')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif " onclick="showcode('58,45,113')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif " onclick="showcode('58,45,98,100')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif " onclick="showcode('94,35,40,94')" />
<input type="image" src="http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif " onclick="showcode('58,97,114,33')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif " onclick="showcode('58,111,51')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif " onclick="showcode('58,45,63,63')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif " onclick="showcode('37,45,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif " onclick="showcode('58,64,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif " onclick="showcode('51,58,45,79')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif " onclick="showcode('58,40,124,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif " onclick="showcode('126,58,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif " onclick="showcode('64,125,59,45')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif " onclick="showcode('37,37,45')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif " onclick="showcode('42,42,61,61')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif " onclick="showcode('40,126,126,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif " onclick="showcode('126,79,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif " onclick="showcode('42,45,58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif " onclick="showcode('56,45,88')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif " onclick="showcode('61,58,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif " onclick="showcode('62,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif " onclick="showcode('58,45,76')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif " onclick="showcode('91,45,79,60')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif " onclick="showcode('36,45,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif " onclick="showcode('58,45,34')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif " onclick="showcode('98,45,40')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif " onclick="showcode('58,41,62,45')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif " onclick="showcode('91,45,88')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif " onclick="showcode('92,58,68,47')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif " onclick="showcode('62,58,47')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif " onclick="showcode('59,41,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif " onclick="showcode('58,45,64')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif " onclick="showcode('94,58,41,94')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif " onclick="showcode('58,45,106')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif " onclick="showcode('40,42,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif " onclick="showcode('111,45,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif " onclick="showcode('111,61,62')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif " onclick="showcode('111,45,43')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif " onclick="showcode('40,37,41')" />
<input type="image" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/115.gif " onclick="showcode('58,98,122')" />
<input type="image" src="http://l.yimg.com/a/i/us/msg/emoticons/transformer.gif " onclick="showcode('91,46,46,93')" />
<input type="button" value="img" onclick="showcode('91,105,109,103,93,32,117,114,108,95,104,101,114,101,32,91,47,105,109,103,93')" />
<input type="button" value="ytube" onclick="showcode('91,121,116,117,98,101,93,89,111,117,84,117,98,101,73,68,91,47,121,116,117,98,101,93')" />
<center><a href="http://messenger.yahoo.com/features/emoticons/"target="_blank" >Yahoo emoticons</a></center>
</div>
<div id="box4" style="display:none"><font color="black">
<b>Help 使用說明</b><br/>
把代碼貼到留言區合適的位置.<br/>
發佈後,網誌上可顯示相關的圖形.<br/>
<a href="http://freetongdiy.blogspot.hk/2013/11/v2.html"target="_blank"><i><img src="https://www.google.com/images/icons/product/blogger-16.png" /> ~詳盡說明可參閱網誌及跟進留言~</i></a><br/>
<br/>
<table style="width: 100%">
<tr>
<td valign="top">
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /></td>
<td><b>"表情符號"代碼</b></td>
</tr>
<tr>
<td valign="top">
<b>代碼:</b></td>
<td>:)</td>
</tr>
<tr>
<td valign="top">
<b>使用:</b></td>
<td>直接貼到留言區</td>
</tr>
<tr>
<td valign="top">
<b>注意:</b></td>
<td>代碼前後應留有空格</td>
</tr>
<tr><td><br/></td></tr>
<tr>
<td valign="top">
<button>img</button> </td>
<td><b>"圖片"貼圖代碼</b></td>
</tr>
<tr>
<td valign="top">
<b>代碼:</b></td>
<td>[img] url_here [/img]</td>
</tr>
<tr>
<td valign="top">
<b>使用:</b></td>
<td>直接貼到留言區;把圖片的連結 URL,取代 url_here</td>
</tr>
<tr>
<td valign="top">
<b>e.g.</b></td>
<td>[img] http://xxxxxx.jpg [/img]</td>
</tr>
<tr><td><br/></td></tr>
<tr>
<td valign="top">
<button>ytube</button></td>
<td><b>"YouTube"代碼</b></td>
</tr>
<tr>
<td valign="top">
<b>代碼:</b></td>
<td> [ytube]YouTubeID[/ytube]</td>
</tr>
<tr>
<td valign="top">
<b>使用:</b></td>
<td>直接貼到留言區;把影片的ID,直接取代 YouTubeID</td>
</tr>
<tr>
<td valign="top">
<b>e.g.</b></td>
<td>[ytube]La72s-Rf4vs[/ytube]</td>
</tr>
<tr>
<td valign="top">
<b>注意:</b></td>
<td>ID 應緊貼前後代碼,不可留空</td>
</tr>
</table>
<br/>
</font></div>
<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif' onclick="document.getElementById('box1').style.display=(document.getElementById('box1').style.display=='none'?'':'none');document.getElementById('box4').style.display='none'" />&nbsp;&nbsp;&nbsp;表情符號列表 V2.3&nbsp;&nbsp;&nbsp;<input type="button" value="使用說明" onclick="document.getElementById('box4').style.display=(document.getElementById('box4').style.display=='none'?'':'none');document.getElementById('box1').style.display='none'" />
</div>

網誌顯示表情符號 V2.2 程式碼, 使用"簡易安裝"方式. (網誌最下方, 參考圖解.)
<!-- 網誌顯示表情符號 V2.2 -->
<script>
c = document.getElementById("comment-holder");
if (c) {
  p = c.getElementsByTagName("p");
  for (i=0; i<p.length; i++) {
    if (p[i].getAttribute("CLASS") == "comment-content") {
      str = p[i].innerHTML.replace(/\[img\]/gi, "<img style='max-height:300px; max-width:300px;' src='")
      str = str.replace(/\[\/img\]/gi, "' />")
      str = str.replace(/\[ytube\]/gi, "<iframe width='300' height='225' src='//www.youtube-nocookie.com/embed/")
      str = str.replace(/\[\/ytube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>")
      /* 因同碼問題, 必需先處理 */
      str = str.replace(/&gt;:D&lt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif'/>")
      str = str.replace(/;;\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>")
      str = str.replace(/#:-S/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/>")
      str = str.replace(/&gt;:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/>")
      str = str.replace(/:\(\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>")
      str = str.replace(/:\)\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>")
      str = str.replace(/\/:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/>")
      str = str.replace(/:\)\]/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>")
      str = str.replace(/~X\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>")
      str = str.replace(/\(:\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/>")
      str = str.replace(/:-SS/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/>")
      str = str.replace(/&gt;:P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/>")
      str = str.replace(/&lt;\):\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/>")
      str = str.replace(/:-bd/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/>")
      str = str.replace(/:-\?\?/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif'/>")
      str = str.replace(/3:-O/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif'/>")
      str = str.replace(/:\(\|\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif'/>")
      str = str.replace(/~:&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif'/>")
      str = str.replace(/\*-:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif'/>")
      str = str.replace(/:\)&gt;-/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif'/>")
      str = str.replace(/=:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif'/>")
      str = str.replace(/\\:D\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif'/>")
      str = str.replace(/;\)\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>")
      str = str.replace(/\^:\)\^/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif'/>")
      /* 因同碼問題, 必需先處理 */
      str = str.replace(/:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>")
      str = str.replace(/:\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>")
      str = str.replace(/;\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>")
      str = str.replace(/:D/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>")
      str = str.replace(/:-\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>")
      str = str.replace(/:x/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>")
      str = str.replace(/:"&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>")
      str = str.replace(/:P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>")
      str = str.replace(/:-\*/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>")
      str = str.replace(/=\(\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>")
      str = str.replace(/:-O/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>")
      str = str.replace(/X\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>")
      str = str.replace(/:&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/>")
      str = str.replace(/B-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/>")
      str = str.replace(/:-S/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/>")
      str = str.replace(/:\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>")
      str = str.replace(/=\)\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>")
      str = str.replace(/O:-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>")
      str = str.replace(/:-B/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/>")
      str = str.replace(/=;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/>")
      str = str.replace(/:-c/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/>")
      str = str.replace(/:-h/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>")
      str = str.replace(/:-t/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>")
      str = str.replace(/8-&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/>")
      str = str.replace(/I-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>")
      str = str.replace(/8-\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>")
      str = str.replace(/L-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif'/>")
      str = str.replace(/:-&amp;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/>")
      str = str.replace(/:-\$/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/>")
      str = str.replace(/\[-\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>")
      str = str.replace(/:O\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/>")
      str = str.replace(/8-}/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>")
      str = str.replace(/&lt;:-P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/>")
      str = str.replace(/=P~/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/>")
      str = str.replace(/:-\?/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>")
      str = str.replace(/#-o/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/>")
      str = str.replace(/=D&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>")
      str = str.replace(/@-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>")
      str = str.replace(/:\^o/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/>")
      str = str.replace(/:-w/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/>")
      str = str.replace(/:-&lt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif'/>")
      str = str.replace(/X_X/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>")
      str = str.replace(/:!!/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/>")
      str = str.replace(/\\m\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/>")
      str = str.replace(/:-q/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/>")
      str = str.replace(/\^#\(\^/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/>")
      str = str.replace(/:ar\!/gi, "<img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/>")
      str = str.replace(/:o3/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif'/>")
      str = str.replace(/%-\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif'/>")
      str = str.replace(/:@\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif'/>")
      str = str.replace(/@};-/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif'/>")
      str = str.replace(/%%-/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif'/>")
      str = str.replace(/\*\*==/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif'/>")
      str = str.replace(/\(~~\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif'/>")
      str = str.replace(/~O\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif'/>")
      str = str.replace(/8-X/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif'/>")
      str = str.replace(/&gt;-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif'/>")
      str = str.replace(/:-L/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>")
      str = str.replace(/\[-O&lt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif'/>")
      str = str.replace(/\$-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif'/>")
      str = str.replace(/:-"/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif'/>")
      str = str.replace(/b-\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>")
      str = str.replace(/\[-X/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif'/>")
      str = str.replace(/&gt;:\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif'/>")
      str = str.replace(/:-@/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif'/>")
      str = str.replace(/:-j/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif'/>")
      str = str.replace(/\(\*\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif'/>")
      str = str.replace(/o-&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif'/>")
      str = str.replace(/o=&gt;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif'/>")
      str = str.replace(/o-\+/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif'/>")
      str = str.replace(/\(%\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif'/>")
      str = str.replace(/:bz/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/115.gif'/>")
      str = str.replace(/\[..\]/gi, "<img src='http://l.yimg.com/a/i/us/msg/emoticons/transformer.gif'/>")
      p[i].innerHTML = str
    }
  }
};
</script>

2 段互相對應的程式碼, 建議一同安裝. (如果之前有安裝過之前版本, 請先移除)
"表情符號列表 V2.2" 是顯示在網誌右下方的輸入工具, 而
"網誌顯示表情符號 V2.2 " 便是留言區展示"公仔頭"後台程式碼.




輸入方式直觀使用.
留言時,
點下"請按我"公仔,
打開"表情符號列表".

點選一個合心意"公仔",
輸出區便會出現相對的"代碼",
[Ctrl]+[C] 複製,
滑鼠點入留言區合適位置,
[Ctrl]+[V] 貼上即可.

當然, 直接打入"代碼"也可以.
最後, 介紹一個新加的功能, "留言"貼上圖片.
表情列表當中有一個按鈕 [img] , 點下可得到一個代碼 [img] url_here [/img] ,
把它貼到 留言區, 再把圖片的 link 取代 url-here .
e.g. [img] http://..........jpg [/img] , 發送後, 圖片馬上展示眼前.

再加一個功能; 貼上 YouTube 影片,
表情列表當中有一個按鈕 [ytube] , 點下可得到一個代碼  [youtube]YouTubeID[/youtube] ,
把它貼到 留言區, 再把 YouTube 的 ID取代 YouTubeID .
e.g. [ytube]La72s-Rf4vs[/ytube]  (中間不能留有空格), 發送後, 影片馬上展示眼前.




當你播放 YouTube 時,
網址列最後位置,
即是 " = " 之後,
便是 YouTube ID .

這個例子是 La72s-Rf4vs


點圖參考, 簡易安裝圖解.

24 則留言:

  1. 97 個"表情符號" 公仔頭, 完全測試. :-bd

    :) :( ;) :D ;;) >:D< :-/ :x :"> :P :-* =(( :-O X( :> B-) :-S #:-S >:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-> I-) 8-| L-) :-& :-$ [-( :O) 8-} <:-P (:| =P~ :-? #-o =D> :-SS @-) :^o :-w :-< >:P <):) X_X :!! \m/ :-q :-bd ^#(^ :ar! :o3 :-?? %-( :@) 3:-O :(|) ~:> @};- %%- **== (~~) ~O) *-:) 8-X =:) >-) :-L [-O< $-) :-" b-( :)>- [-X \:D/ >:/ ;)) :-@ ^:)^ :-j (*) o-> o=> o-+ (%) :bz [..]
    [img] http://www.everettpotter.com/wp-content/uploads/2012/05/Hong-Kong-1.jpg[/img]

    回覆刪除
  2. 請問此97 個"表情符號"程式是不是也....暫不支援Google+留言呢?

    回覆刪除
    回覆
    1. 你好
      這種方式只可以用在網誌的"留言區", 只是一種轉接手法. :D
      而Google+ 是另一個掛入的系統, 完全不能支援.

      但 Google+ 本身是可以貼上圖片及影片的,
      只是用在 blogspot 留言時, 這個功能被刪走了. X_X

      刪除
    2. 咁...你呢個 97 個"表情符號"程式 與 "コーさん日本自駕遊"那個"浮動表情符號"程式
      可否共存呢(指同一時間裝置在blog裏)?

      刪除
    3. 剛剛試咗, 完全唔得. 程式會亂七八糟. :-O ~X(

      刪除
  3. 回覆
    1. 剛剛做好, 未加說明, 等等先至玩啦 <:-P

      刪除
    2. 哈哈哈...又唔早D講!:))
      Btw...想問吓為何Google Blogger 唔比直接打 code/script!會出現 "您的 HTML 不被接受: 不允許使用的標記" 這些字樣!
      不能打符號標櫼是否因為給表情符號的程式一併給翻釋了呢? 8-X

      刪除
    3. 系統不可打 code, 唔關我事o架 [-X

      所以我地用另外方法做這件事, :-bd
      1) 寫入一此指定的"代碼", 不會被系統否決
      2) 用一個"程式", 讀取留言後的區域, 改寫"代碼"為對應的 HTML 編碼
      完成 "公仔" "貼圖" "貼 YouTibe" 的效果 :bz

      刪除
    4. 可以貼上 YouTube 影片喇 \:D/
      步驟詳情請看網結說明, 重點是 *-:) "中間不能留有空格"
      [ytube]v1uyQZNg2vE[/ytube]

      刪除
  4. 回覆
    1. 點解我整唔到圖片嘅?:((

      刪除
    2. 你再貼一次, 等我睇睇問題所在 :o3

      刪除
    3. 此留言已被作者移除。

      刪除
    4. [img] url_here [/img] "http://Ijms8eVxFCw/UmuLoPL9CpI/AAAAAAAAEzc/IeilCmjmZEE/s1600/CAM00534-MOTION.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> src="http://1.bp.blogspot.com/-Ijms8eVxFCw/UmuLoPL9CpI/AAAAAAAAEzc/IeilCmjmZEE/s320/CAM00534-MOTION.gif"

      刪除
    5. 你要用我設定的的胋圖方法,
      點選"表情列表的 img 按鈕,
      會得到 [ i m g ] url_here [ / i m g ] (我把 img 中間格開, 不是的話, 會被程式轉譯成 HTML)
      把你的 gif 地址貼在中間位, 替代 url_here
      e.g.
      [ i m g ] http://1.bp.blogspot.com/-Ijms8eVxFCw/UmuLoPL9CpI/AAAAAAAAEzc/IeilCmjmZEE/s320/CAM00534-MOTION.gif [ / i m g]

      [img] http://1.bp.blogspot.com/-Ijms8eVxFCw/UmuLoPL9CpI/AAAAAAAAEzc/IeilCmjmZEE/s320/CAM00534-MOTION.gif [/img]

      刪除
    6. 哈哈哈...我要消化吓先!:D
      天氣乾燥...請你飲碗冰糖雪梨、銀耳、杞子、南北杏糖水潤吓先喇!!:))

      刪除
    7. [img] https://lh5.googleusercontent.com/-9HjSYtNFELE/UnpY5UzdLmI/AAAAAAAAGaI/rnTwcONXEZw/s716/Blogspot_img.jpg[/img]
      [img] https://lh4.googleusercontent.com/-DS3c9Xhhno8/UnpX7zd2-TI/AAAAAAAAGZw/CtQM5Iwf0Zg/s523/Blogspot_ytube.jpg[/img]

      刪除
    8. 正..又有新嘢試... \:D/ =D>

      刪除
  5. Free Tong : 請你食雪梨呀! :))
    [img] http://4.bp.blogspot.com/-KuEUgxx2New/UmuLoN7FJoI/AAAAAAAAEzc/2OlOUG1lMY8/s320/CAM00542-MOTION.gif[/img]

    回覆刪除
    回覆
    1. Free Tong : 比你優先聽吓...我下一篇blog 文內嘅歌曲! :D
      [ytube]x0q722FUr6s[/ytube]

      刪除
    2. 咁客氣呀 :-j 又有歌聽, 又有嘢食. =P~ 潤晒 [img] http://i763.photobucket.com/albums/xx271/koosanbucket/monkey/3048.gif[/img]

      刪除
    3. [img]http://i763.photobucket.com/albums/xx271/koosanbucket/onion/__1856.gif[/img]

      刪除
😀

★ 謝謝留言,留下的一句話,已經是很好的推動力 !
★ 勾選右下角的「通知我 」可以由電郵收到留言回覆!
★ 留言與文章無關的主題時,請到頂列「留言版 GuestBook」暢所欲言。
★ 若發佈留言後,留言不見了。可能被系統錯誤判斷為垃圾留言,請不用擔心,我會盡快將留言恢復。
◎ 本留言區已經支援 Unicode Emoji,對應 Win10 的浮動鍵盤。歡迎貼上,增加效果。
◎ 支援 YouTube 超連結對應,支援 jpg , jpeg , gif , png 這4種圖片顯示格式。
◎ 文章介紹 2016 表情符號 V2 更新版 ( Unicode Emoji 格式 ) 顯示策劃