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

Views

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

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

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

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

    在留言中加入圖片


    做好備份後, 就
    到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

    12 則留言:

    1. 測試在留言區加入圖片
      :img:https://1.bp.blogspot.com/-nnO0A69U-eE/XiwjujU7qYI/AAAAAAAACCE/EG0WJFZ6L-AdOhWqfdsA3dcdrWNcH_0OACLcBGAsYHQ/s1600/PrincessSquNY12M.gif:eimg:

      回覆刪除
    2. 測試留言區加入youtube 影片

      :youtube:RYg3vsesZ4Q:eyoutube:

      回覆刪除
    3. https://pic.pimg.tw/e717/1579759733-705731528.gif

      回覆刪除
    4. :img:https://pic.pimg.tw/e717/1579759733-705731528.gif:eimg:
      還要自已加代碼 ~ 不理想 !!

      回覆刪除
      回覆
      1. 我也覺得不理想, 不知灰鴿可有解決方案可分享?
        另外, 找到了可以留言區插入表情符號的方法, 歡迎指教, 謝謝.:-h

        刪除
      2. 看看我的方法,是否比較 素吸 ~

        https://e-717.blogspot.com/2021/01/blogger.html

        刪除
      3. 試了, 然後? 怎麼加上圖片?

        刪除
      4. 哦, 懂了, 就是插入的圖片要是http的連結...
        https://pic.pimg.tw/e717/1579759733-705731528.gif
        讚啦... 謝謝囉...

        刪除
    5. 只要在想要有超連結的字串前加入然後在字串的結尾加上即可.

      回覆刪除
    6. https://pic.pimg.tw/e717/1520435819-1065512169.png謝謝你的推薦,然而、連結你引用錯了,那是我偽裝過的 URL,後面這個才是正確的https://pic.pimg.tw/e717/1408664231-2612678349.gifhttps://e-717.blogspot.com/2021/01/blogger.htmlhttps://pic.pimg.tw/e717/1612223404-313473105-g.png到後台看我的留言,像這樣也能判讀,URL超連結到結束的地方最好留空格,因為我的APP沒有通靈...

      回覆刪除
    7. 說實在的、我灰熊不喜歡用,前後對齊這個屬性,.comments .comments-content .comment-content { text-align: justify;}
      很難控制https://pic.pimg.tw/e717/1482402377-2105178978.gif

      回覆刪除

    顯示表情符號