BLOGGER 留言小工具

要如何在博客 BLOGGER 留言回應中 
顯示圖片，自動加上超連結

 留言無法置入圖片, URL 網址沒加超連結? 這是啥密時代了，醬、活得下去嗎 ??

有時候用一張圖片可以勝過千言萬語， 為何 Blogger 的留言沒有這些功能呢 ? 不知有何奸情 ?
廢話不多說，趕緊把這些功能喬進 Blogger，如果你有醬需求 ~廢 話 ..

進入 >> 後台管理 >> 版面配置 >> 新增一個「HTML/JavaScript」小工具

點按下面文字方塊複製 Javascript 程式碼： <script type='text/javascript'> // <![CDATA[ var mx_url= /["']?\s?(https?:\/\/[-a-z0-9+&@#\/%?=~_|!:,.;]+[-a-z0-9+&@#\/%=~_|])["']?/ig; window.onload = function(e) { var com_block = document.getElementsByClassName('comment-content'); for(x in com_block){ com_block[x].innerHTML = com_block[x].innerHTML.replace(/(https?:)/ig,' $1').replace(mx_url, function (x) { if(x.match(/["']/)){return x;} return x.match(/\.(gif|jpg|png)/ig) ? '<img src="' + x + '" />':'<a href="'+x+'">'+x+'</a>'; }); } }; // ]]> </script>

填入程式碼：最後記得按儲存，醬就 OK 了!!

相關文章 ~ 表情符號貼圖小工具

---

 小撇步 :  在範本內，或自已寫的 <style>... </style> CSS樣式表裡，加入以下 CSS 樣式碼 ~ 可以改變留言的順序，由 新 > 到 舊。

#comments .comment-thread ol { display: flex; flex-direction: column-reverse; }

最後叮嚀 : 記得限制回應的圖片大小，否則被撐爆我不負責 唷!!

.comment-block img{max-width:90%;}