推薦歌曲

留言貼圖與影片說明

內決定安裝了blogger留言貼圖功能,
雖然這是幾年前就有好心人在網上PO出教學,
但我一直都沒去認真安裝,原因在於...我一直忘記這檔事,
然後又懶,近些年也很忙,就沒放在心上,
還有另一個原因是因為就算裝了,
看得懂怎麼用的人應該沒幾個...。
(更怕一大堆的廣告機器人跑來貼,以前被舊的部落格嚇怕了。)

我相信很多網友想留言但不知道留什麼,
這時候其實一張圖片就夠了,
直到這兩天被我看到類似的文章,我又突然想起這檔事,
於是決定實裝後再打這邊使用教學。

這樣音樂庫留言板未來就可以有更多多樣性的功能了。

不論用手機或電腦,將你想要貼的圖片選定好後,



複製該圖片的獨立網址
是的,
就是該張圖片的獨立網址。



接著在留言板上,直接貼上

該張圖片的網址,接著發布即可,
(預覽無法看到效果)

可支援一般圖片,動態gif,JPG,PNG都可以
另外也可直接貼上youtube連結,

會直接嵌入影片,不過要注意:
若使用youtube分享功能所產生出來的短網址,

則不會嵌入影片

也就是說,
用電腦留言比較容易複製原始網址
手機的話可能會很麻煩...




此篇下方留言板會有測試效果供大家參考使用。

補充說明:

網路上有很多願意釋出圖片原始連結的網站,
可以前往尋找合適的圖片使用,
畢竟很多免費圖片的網站,並不太願意釋出這樣的流量,
所以都會鎖定網域,也就是除了原有網站或是授權網站可以使用外,
其他導外顯示的通通都不給用,因此大家使用上稍微注意一下。

目前先推薦以下兩個個給大家尋找使用:
https://gifs.alphacoders.com/



使用方法(桌電):

選擇連結




選擇複製link



最後複製gif link後貼上即可使用。

這網站手機似乎無法複製連結,
研究不出個所以然來...因此暫時只能用桌電來貼圖了。😑😑


未來會持續找相關的網站介紹,
又或者整理一篇有許多貼圖給大家選用。








最後感謝相關資訊來源與技術諮詢:
https://e-717.blogspot.com/2021/01/blogger.html
浪費掉您不少時間,真感謝!
您當晚應該是徹夜難眠吧,
我知道那種遇到問題睡不著覺的痛苦,
強迫症作祟😅😅


其他相關技術出處:
https://www.wfublog.com/2015/09/blogger-comment-display-image-youtube.html




13 則留言:

  1. 動態gif:
    https://giffiles.alphacoders.com/212/212283.gif

    回覆刪除
  2. 靜態圖片
    https://picfiles.alphacoders.com/253/253181.jpg

    回覆刪除
  3. https://www.youtube.com/watch?v=UAKCR7kQMTQ

    回覆刪除
  4. 若貼上youtube短網址:
    https://youtu.be/UAKCR7kQMTQ
    則無法正常顯示影片

    回覆刪除
    回覆
    1. 其實反而更好睡https://pic.pimg.tw/e717/1414032742-963636004.gif因為看了頭痛,乾脆早早睡,今天再起來奮鬥重寫 ... 結果所有的Bug都迎刃而解 ~ https://pic.pimg.tw/e717/1478964799-864945021.png

      刪除
    2. 這樣也是範例之一啊

      刪除
  5. https://www.youtube.com/embed/irXCjoTFP1w

    下載 ~> https://e-717.blogspot.com/2021/10/emoji-widget.html

    回覆刪除
    回覆
    1. 已服用~
      https://c.tenor.com/SWVwGooHNxsAAAAj/thank-you-thanks.gif

      刪除
    2. https://c.tenor.com/eJ5-s-qwgscAAAAj/ami-cat-fat.gif

      刪除
  6. https://pic.pimg.tw/e717/1473345298-168115473.gif 新增一個可顯示 Webp 的檔案格式 ,找到下面這行程式碼加入 -->> |webp
    return x.match(/\.(gif|jpg|png|webp)/ig)

    回覆刪除
    回覆
    1. 我的圖片檔案都不到100K,絕大部分都在50K以下,應該還好~

      刪除
    2. 加這個不是為了目前你使用的貼圖,是讓別人訪客,可以貼 Webp 檔案格式的圖片,因為 Webp 的檔案格式以後有可能成為主流,常用的格式 ...

      刪除
    3. 找到下面這行程式:我看不懂這意思,要找到哪裡的程式碼,另外那段要加到程式碼的哪裡?

      刪除

表情符號 :圖片網址已複製到剪貼簿