痞客邦文章留言貼圖

貼圖...貼啥圖???表情符號嗎???

不~不~不~

這次讓你貼圖片網址就好,連表情符號的相簿都可以省下來了

這是格友霝兒提供的一個好點子,現在我要來實現它了

裝了這小程式,格友便能在文章的留言處貼上任何地方的圖片網址

以往痞哥會將這網址轉換成超連結(可以用滑鼠點開看)

現在讓這小程式將網址連結的圖現直接顯示出來

小程式如下

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> $(document).ready(function(){ if(!$('#unfold-comment-extra'))return false;$('<div id="comment-emotion"><img src="https://ad7e68ee826f9b5c6ad6efe4cb4789aed2de89f3.googledrive.com/host/0BwYPOD9q4-yzMVVFN0VVWndQV2M/LinkToImage.PNG"><a href="http://blogbackup.pixnet.net/blog/post/383325500" title="留言貼上圖片網址可直接顯示圖片">網址貼圖</a></div>').insertAfter('#unfold-comment-extra'); ab_commentText=$('#comment-text'); ab_commentPostText=ab_commentText.find('li.post-text a,li.reply-text a'); $.each(ab_commentPostText, function() { var $text=$(this); var tmp=$text.text().toLowerCase(); if(tmp.indexOf('.jpg')!=-1 || tmp.indexOf('.gif')!=-1 || tmp.indexOf('.png')!=-1) { $text.html('<img src="' + $text.text() + '" border=0">'); } }); }); </script>

安裝方式.

跟以往一樣,到 [側邊欄位設定] 新增一個版位

將上面的小程式複製後貼到 [自訂欄位內容] 的位置

再將這版位從 [版位暫存區] 拖拉到你的側欄1或是側欄2,最後按下右下角的[儲存版面]即可.
(類似下圖)

回到文章留言處....

將來格友只需要在你的文章留言處貼上圖片網址(網址結尾必須是 .jpg .gif .png 三種才行喔)

送出留言後,就能直接看到圖片囉~

以上....安裝上有問題或是失敗的再跟我說吧