如何在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://1.bp.blogspot.com/-CFbYArXhTLM/Xjp_-YnIC2I/AAAAAAAACMA/301Q76kGrBsKPcYVvL0yg7t8KbanPC7HQCLcBGAsYHQ/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;}程式碼即可.
    按這裡看示範!

    參考網站:BloggerSpice

    4 則留言:

    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:
      還要自已加代碼 ~ 不理想 !!

      回覆刪除