如何在Blogger留言中加入圖片和超連結?

有沒有發現有時要留言時想要加入一張圖片, 郤發現blogger的留言功能不能加圖片?

這讓人覺得有些地方想解釋郤很難用文字講清楚說明白.

其實, 要想讓Blogger的留言可以加入圖片, 也不是那麼的難, 只要把下面的程式碼加到Blogger後台即可.

1. 在留言中加入圖片
2. 在留言中加入youtube影片
3. 在留言中加入超連結
4. 灰鴿秘技: 留言小工具

當然啦, 第一步, 還是貼心的提醒您不要忘記先做主題的備份哦.

在留言中加入圖片

做好備份後, 就到Blogger後台→[主題]→[編輯HTML]

用Ctrl+F 在搜尋列輸入jquery字樣, 先確定自己的主題程式碼有jquery.

按Ctrl+F, 然後在搜尋列輸入</body>, 找到後在</body>的上面貼入下列程式碼.

按Ctrl+F, 然後在搜尋列輸入<b:loop values='data:post

找到後在這一行的上方加入下面這行div程式碼:

<div id='bloggerspiceciv'>

然後找到</b:loop>, 在它的下方加入</div>

它會看起來像下圖:

然後按下[儲存主題]鍵, 即可.

接下來如何在留言區裡加入圖片呢?

在留言欄要加入圖片時只需在欲加入圖片的URL前後加入下面的字串即可:
:img:圖片URL:eimg:

例如:

:img:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDzmuboZei1Dqh_mwtehL4twQnXLLiGhHMZo2vFmQ0jo9hrlkCCEJ2Vak2NZHV82eaP3xcUyHA2d7o7qRriaErFwJ4eY5ymXZEVEVtXjvLcTdyJ5UcRvkhKD-rMMazExIt9UxORz4Ihk2I/s200/honeygain.gif:eimg:

在留言中加入youtube影片

如果是要加入youtube影片, 只需在youtube的影片ID的前後加入下面的字串即可:
:youtube:影片ID:eyoutube:

不過要注意的是, youtube影片只需加影片ID即可, 而不是影片的URL.

舉例說明: 
譬如說一支youtube影片的URL如下:
https://youtu.be/gl32ntc5Tfs
而該影片的ID則是後面的gl32ntc5Tfs

所以如果要在留言區崁入這個youtube影片, 只需打入:youtube:gl32ntc5Tfs:eyoutube:即可.

實例請看下面的二則留言, 一則是留言加圖片, 一則是留言加youtube影片. 或是請看這裡的測試版, 也歡迎各位在測試版測試.

在留言中加入超連結

另外, 如何在留言中加入超連結呢? 這個就很簡單了, 只要在想要有超連結的字串前加入<a href="網址">然後在字串的結尾加上</a>即可. 

如果想要留言中的超連結呈現不同的顏色, 那麼只需在Blogger後台→[主題]→[編輯HTML]裡, 找到放置comment的CSS區, 加入這行a {color:blue;}程式碼即可.

按這裡看示範!

灰鴿秘技: 留言小工具

另外一個超方便簡單的做法, 就是利用[+新增小工具], 在側欄裡加貼一段Javascript程式碼, 然後訪客只需在留言區貼入圖片的網址, 便會自動出現圖片了. 這個方便多了, 有興趣的朋友可以移駕到灰鴿的網站取得程式碼.

參考網站:BloggerSpice